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

【问题标题】：Bind validation of a control on keypress using Valdr module in AngularJS使用 AngularJS 中的 Valdr 模块在按键上绑定控件的验证
【发布时间】：2015-03-06 06:01:53
【问题描述】：

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

非常感谢您的帮助。

【问题讨论】：

标签： validation keypress valdr

【解决方案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;
}

【讨论】：

非常感谢 Philip，我想我错过了我的 CSS 中的“valdr-message.ng-invalid.ng-dirty”类。再次感谢您。