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

Question

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

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

Answer 1

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

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

Если это не так, вам, скорее всего, придется изменить свой CSS. Вот как он предназначен для контроля видимости сообщений проверки.

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

.valdr-message {
  display: none;
}

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