WebTutorWordPressИспользование нескольких обработчиков событий jQuery

Использование нескольких обработчиков событий jQuery

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

То есть получается два события нужно обработать, при введении в поле и при утрате фокуса полем.

Использование нескольких обработчиков событий jQuery

Для события утраты фокуса пишем такой код:

$('#email').blur(function(){
if($(this).val() == ''){
	// если поле пусто - выводим сообщение об ошибке
	} else {
	// если поле заполнено - скрываем сообщение об ошибке
	}
});

А при отслеживании нажатия клавиш, нам нужно добавить такой вот код, который отслеживает событие нжатия (keyup)

$('#email').keyup(function(){
	// функция проверки
});

Однако, jQuery позволяет указывать обработку сразу для нескольких событий, тем самым мы сократим наш код:

$('#email').bind('blur keyup', function(){
if($(this).val() == ''){
// если поле не заполнено, вывод сообщения об ошибке
	} else {
// скрываем сообщение об ошибке (если оно отображено)
	}
});

в этом примере два события указаны в функции bind(‘blur keyup’) — тут через пробел можно указать несколько событий. Сейчас указано только 2 события.

Просмотров: 17

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *