javascript - Angular 验证显示提交时的所有错误

标签 javascript jquery forms angularjs validation

我有一个简单的示例表单,它将验证所需的名称和至少 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/

相关文章:

javascript - 搜索并替换对象数组中的键

使用 HTTP POST 上传 PDF 文件的 VBA

PHP - 将多张照片上传到数据库

forms - 表单数据是否由浏览器自动编码?

JavaScript 作用域异常

javascript - Sweet.js 不输出任何内容

javascript - AngularJS 指令中的两个绑定(bind)

javascript - 使用 getJSON 中的each 函数返回未定义

c# - 为什么我不能使用 ajax 将参数发送到操作方法?

javascript - 强制 OpenWindow 使用绝对路径而不使用 http