我有一个简单的示例表单,它将验证所需的名称和至少 3 个字母。当您使字段变脏时很好地显示错误:
[http://plnkr.co/edit/FEclhN?p=preview]
但是,我们的设计师希望所有空字段和“必填”字段也变为“红色”,当用户按下提交按钮时。现在,除非他们触摸了该字段并使该字段变得“脏”,否则验证不会将该字段变成红色。
当然,该字段一开始就不应该是红色,只有在他们提交表单或弄脏字段之后才可以。
jQueryValidate.org 就是这样做的,所以这也是他们在 Angular 中想要的。
最佳答案
我遇到了同样的要求,并通过在 Controller 的作用域中添加一个 bool 值来指示表单是否已提交来解决它formSubscribed
在我的表单提交方法中,我会将 formSubscribed
的值设置为 true
然后我会在需要的地方动态添加一个类:
<div ng-class="{'required-error': formSubmitted && formName.field.$error.required}">
<input name="field" required/>
</div>
关于javascript - Angular 验证显示提交时的所有错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24154193/