jQuery Validator Plugin - обновлять пользовательские сообщения об ошибках

Question

Я успешно использую плагин jQuery Validator в форме. Эта форма является виджетом, поэтому ограничены места. По этой причине я не хочу показывать обычные сообщения об ошибках после каждого поля формы, которое не проверяется.

Скорее, для каждого поля формы у меня есть метка, а внутри меток обязательных полей у меня есть <em> с текстом «(обязательно)» в нем. Если пользователь пытается отправить заявку без заполнения всех полей, я добавляю .css('color', '#F00') к <em> s пустых полей, чтобы выделить поля, которые необходимо заполнить. Пока это прекрасно работает.

Теперь мне нужно знать, какое событие я должен использовать, чтобы установить <em> обратно в черный цвет, если пользователь вводит данные в соответствующее обязательное поле?

Я изменяю <em> s на красный, вот так:

errorPlacement: function(error, element) {
    jQuery(element).prev().children('em').css('color', '#F00');
}

Answer 1

Может быть, стоит взглянуть на использование опций выделения / отмены выделения - кажется, они предназначены для того, чтобы делать то, что вас интересует. Плагин вызывает подсветку, когда срабатывает недопустимое условие, а затем автоматически вызывает отмену выделения, когда пользователь исправляет неверный ввод.

Вам также может потребоваться указать errorPlacement, хотя бы для того, чтобы форма плагина не отображала стандартное сообщение об ошибке.