Связать проверку элемента управления нажатием клавиши с помощью модуля Valdr в AngularJS

Question

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

Ваша помощь очень ценится.

Answer 1

valdr выполнен в виде валидатора AngularJS. Это означает, что валидация происходит по умолчанию при нажатии клавиши при обновлении ngModel.

Возможно, вы изменили это поведение в своем приложении, настроив ngModelOptions, чтобы обновить модель при размытии.

Если это не так, вам, скорее всего, придется изменить свой CSS. Вот как это делается для control the visibility of validation messages.

Следующий CSS будет показывать valdr сообщения, как только пользователь начинает вводить в поле:

.valdr-message { 
    display: none; 
} 

.valdr-message.ng-invalid.ng-dirty { 
    display: block; 
}