使用AngularJS中的Valdr模块绑定对按键控件的验证

Question

我正在使用Valdr模块来验证我的表单，当我按Tab键时，它运行良好并验证控件内容，但我想在键入时按键验证控件内容（按键）。

非常感谢您的帮助。

Answer 1

valdr作为AngularJS验证器实现。这意味着当更新ngModel时，默认情况下会在keypress上进行验证。

您可以通过配置ngModelOptions来更新模型上的模型，从而在应用中更改此行为。

如果不是这种情况，您很可能需要更改CSS。这就是control the visibility of validation messages的目的。

以下CSS会在用户开始在字段中输入时显示valdr消息：

.valdr-message {
  display: none;
}

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