Question

我有一个这样的表格：

<form action="controller/action"
      ng-controller="modelController as ctrl"
      method="post" class="form-horizontal"
      name="referencesForm">

    <input name="References[0].Position" ng-model="ctrl.model.References[0].Position" required type="text">
    <div class="clear-both">
        <button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-ok-circle"></i> Save &amp; Continue</button>
    </div>
</form>

如果表单无效且表单已提交，则ng-submitted不会添加到表单的类中。

我希望只有ng-submitted在表单上时才能应用某些css：

.ng-submitted .ng-invalid,
.ng-touched.ng-invalid {
    @include animated-border(#a94442);
}

表单是否必须对提交的ng有效，如果是，是否还有其他我可以用来表示提交已经发生的事情？

Answer 1

如果您只想在单击“提交”按钮后显示验证消息，则可以使用简单的标记。

在编写验证邮件时添加or条件flag，当您点击submit按钮时，将flag值更改为true。

<form action="controller/action"
ng-controller="modelController as ctrl"
method="post" class="form-horizontal"
name="referencesForm">

<input name="References[0].Position" ng-model="ctrl.model.References[0].Position" required type="text">
<p ng-show="referencesForm.References[0].Position.$error||submitted "
<div class="clear-both">
    <button type="submit" class="btn btn-success" ng-click="submitted=true"><i class="glyphicon glyphicon-ok-circle"></i> Save &amp; Continue</button>
</div>

如果表格无效，则ng-submitted未添加到表单中

1 个答案: