validation - 使用 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;
}