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

Question

我正在使用 Valdr 模块来验证我的表单，它工作得很好并且在我按下 Tab 时验证控件内容，但是我想在键入（按键）时验证控件内容。

非常感谢您的帮助。

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;
}