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

Question

我正在使用Valdr模块来验证我的表单，它运行得很好，并在我按下tab时验证控件内容，但我想在键入（按键）时验证控件属性。

非常感谢你的帮助。

Answer 1

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

您可能通过配置ngModelOptions来更新模糊模型，从而在应用程序中更改了这种行为。

如果不是这样的话，你很可能不得不更改你的CSS。这就是控制验证消息可见性的方法。

当用户开始在字段中键入时，以下CSS将显示valdr消息：

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