Как использовать jquery для проверки поля ввода при изменении?

У меня есть input поле:Как использовать jquery для проверки поля ввода при изменении?

<input type="text" name="notifyEmail" id="parametersEmail" value="" size=40 />

У меня есть кусок JQuery кода, который работает, когда я нажимаю вкладку или в противном случае оставьте поле, которое вызывает подпрограмму проверки:

$("#parametersEmail").blur(function(event) { 
    validateParameterEmail(); 
});

Что бы я как сделать, запускать функцию validateParameterEmail() всякий раз, когда изменяется значение или содержимое поля ввода.

Так что я тогда тоже попробовал .change() обработчик:

$("#parametersEmail").change(function(event) { 
    validateParameterEmail(); 
});

Но когда я изменить содержимое parametersEmail, этот обработчик не вызывается функция проверки.

Есть ли другой обработчик, который я должен использовать вместо этого? Или я не могу подключить несколько обработчиков событий к полю ввода?

источник

2011-02-01 Alex Reynolds

fyi ... на текстовое поле ввода, .blur() и .change() довольно эффективно то же самое. Разница - размытие = потеря фокуса, а change = потеря фокуса + другое значение. Точка в том, что вам приходится терять фокус на этом в любом случае. Если вы хотите, чтобы функция вызывалась каждый раз, когда пользователь вводит символ, когда они вводят, используйте команду .keyup или.keydown как упоминалось другими –

Попробуйте $("#parametersEmail").keydown(function(event) {})

источник

2011-02-01 22:08:05 Ish

или .keypress() или .keyup() –

Да! Огромное спасибо. –

'.keydown()' фактически срабатывает перед изменением значения ввода. Другими словами, если вы наберете '1234', это будет проверено на' 123'. Аналогично, если вы наберете '1234 [delete]', он будет проверять на '1234'. '.keyup()', вероятно, лучше для проверки формы. – jonmorgan

Изменение относится к по щелчку/перемещения от входа. Вы может искать onKeyUp().

источник

2011-02-01 22:09:01 benhowdle89

Попробуйте это:

$("#parametersEmail").bind('blur', function(event) {});

$("#parametersEmail").bind('keyup', function(event) {});

источник

2011-02-01 22:11:47 Victor

(Reality на почти 2017-й год)

Самый лучший способ установить один раз обратного вызова на все нужны события, связанные с изменением входного значения.

Есть:

KeyUp: пользователь вводит что-то на входе
изменение: общий известный метод о хранимых изменениях на входе
нажмите: некоторые входы принимают изменения с помощью мыши слишком
пасты : Да! Ctrl + V, Ctrl + Ins, RightMouseButton + Paste может изменить входное значение слишком
propertychange: когда некоторые JS изменяет свой вклад в любом случае, это событие будет уволен
вход: событие нового стандарта, который поддерживает все современные браузеры, использование это слишком

Таким образом, мы можем установить их все сразу:

$("#parametersEmail").bind("propertychange change click keyup input paste", function(event) { 
    validateParameterEmail(); 
});

Надеется, что это помогает кто-то. ;)

источник

2016-11-11 21:40:59 FlameStorm

Как использовать jquery для проверки поля ввода при изменении?

ответ

Смежные вопросы