用户离开字段后验证字段

Question

通过AngularJS，我可以使用ng-pristine或ng- dirty检测用户是否输入了该字段。但是，我只想在用户离开字段区域之后进行客户端验证。这是因为，当用户输入电子邮件或电话之类的字段时，他们总是会抛出错误，直到他们完成完整的电子邮件键入为止，这并不是最佳的用户体验。

例

更新：

Angular现在附带了一个自定义模糊事件：https
:
//docs.angularjs.org/api/ng/directive/ngBlur

Answer 1

Angular 1.3现在具有ng-model-options，您可以将选项设置{ 'updateOn': 'blur'}为例如，并且当使用的输入速度太快或者您想节省一些昂贵的DOM操作（例如模型编写）时，甚至可以进行反跳到多个DOM位置，并且您不希望每个键按下都发生$
digest循环）

https://docs.angularjs.org/guide/forms#custom-
triggers和https://docs.angularjs.org/guide/forms#non-immediate-debounced-
model-updates

默认情况下，对内容的任何更改都会触发模型更新和表单验证。您可以使用ngModelOptions指令覆盖此行为，以仅绑定到指定的事件列表。即ng-
model-options =“ {updateOn：’blur’}”仅在控件失去焦点之后才会更新和验证。您可以使用空格分隔的列表设置多个事件。即ng-
model-options =“ {updateOn：’mousedown blur’}”

并反跳

您可以通过在ngModelOptions指令中使用去抖动键来延迟模型的更新/验证。此延迟也将应用于解析器，验证器和模型标志，例如$ dirty或$
pristine。

即ng-model-options =“ {debounce：500}”自上次内容更改以来将等待半秒钟，然后触发模型更新和表单验证。