Как ограничить ввод текста

Question

У меня есть небольшая контактная форма html, содержащая только имя и телефон.

То, что я пытаюсь сделать, - это когда происходит событие Key Up. Я хочу проверить, какая клавиша была нажата, а для поля Phone я бы принял только числа. Для поля Name я бы допустил только буквенные буквы, а не цифры.

Например, если я ввожу данные в ввод Phone, и я нажимаю на любой символ, но номер, он не должен отображаться в поле ввода.

Как я могу это сделать?

Answer 1

HTML

<input type="text" name="phone" id="phone" placeholder="Phone" /><br /> 
<input type="text" name="name" id="name" placeholder="Name" /> 

JQuery

$("#phone").keyup(function() { 
    if (this.value.match(/[^0-9]/g)) { 
     this.value = this.value.replace(/[^0-9]/g, ''); 
    } 
}); 

$("#name").keyup(function() { 
    if (this.value.match(/[^a-zA-Z]/g)) { 
     this.value = this.value.replace(/[^a-zA-Z]/g, ''); 
    } 
}); 

Демо: http://jsfiddle.net/calder12/KfRxv/

Answer 2

Для числовых символов только добавить следующий JavaScript:

function checkInput(e) 
{ 
    var k; 
    document.all ? k = e.keyCode : k = e.which; 
    var char = String.fromCharCode(k); 
    if(!char.match(/^\d+$/))return false; 

    return true; 
} 

Затем в разметке для вашего входного элемента добавить OnKeyPress = "возвращение checkInput (событие)".

Вы можете изменить JS, чтобы разрешать любые символы, которые вы хотите.