javascript - 我可以在尝试提交时将所有字段设置为 "dirty"吗？

Question

我有一个适用于所有脏字段和无效字段的 CSS 类:

input.ng-dirty.ng-invalid, select.ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid{
    border: 1px solid red;
}

但是，在提交时，我希望出现红色边框(以及我添加到类中的其他任何内容)。

有没有办法在提交时使所有字段变脏？或者将类应用于表单，例如“ng-formsubscribed”(或其他内容)？

Answer 1

您可以在提交时将表单设置为脏，然后在 css 选择器中使用它而不是单个元素。

<button ng-click="formName.$setDirty();doWhatever();">Save</button>

或者在您的表单上，具体取决于您的设置方式:

<form name="formName" ng-submit="formName.$setDirty()">

http://docs.angularjs.org/api/ng/type/form.FormController

那么你的 css 选择器就是

.ng-dirty .ng-invalid {
    ...
}