表单提交后处理角度验证错误答案

【问题标题】：Handle angular validation errors after form submit表单提交后处理角度验证错误
【发布时间】：2015-05-13 12:16:39
【问题描述】：

我有一个 Angular 表单，我在其中向我们的 API 提交一些数据。 api 会对字段进行一些额外的验证检查，并在字段出现问题时将其报告回来。

我在保存时发现错误，并使用 form.field.$setValidity("", true); 将错误放在正确的字段上；

但如果用户更改字段以更正错误，则不会删除有效性错误。有谁知道在用户更新字段后如何消除错误？

【问题讨论】：

你是否为表单的组件添加了验证属性，例如？
看看这个问题stackoverflow.com/questions/12864887/…
我查看了另一个问题中的解决方案。但我真的很想发送整个表单，然后将无效字段标记为无效字段。并让用户在返回无效后更正表单。但是更改该字段并不会再次将其设置为有效。我是否需要跟踪我使用 $setValidity() 设置的无效选项？并在输入后清除它们？

标签： angularjs forms api

【解决方案1】：

你可以试试这个

<form name="form" ng-submit='formSubmitted = true;'>
<input type="text" name="mobileNumber" required/>
<span ng-if="formSubmitted && form.mobileNumber.$invalid" >Enter mobile number</span>
</form>

【讨论】：