AngularJS 仅在提交时验证

【问题标题】：AngularJS validation on submit onlyAngularJS 仅在提交时验证
【发布时间】：2014-04-04 06:23:38
【问题描述】：

我想在我的 AngularJS 应用程序中实现一些简单的表单验证，但我不希望它在用户单击表单提交按钮之前显示任何验证错误。我不希望它在我输入时验证，甚至在退出该字段时验证。

有没有办法做到这一点？我需要编写至少一个自定义验证器指令，因此它需要使用它。

到目前为止，我发现 AngularJS 中的表单验证非常困难，很难让它完全按照你的意愿工作。

【问题讨论】：

【解决方案1】：

你可以做这样的事情。这是一个例子

<form name="form" ng-app>
    <div class="control-group" ng-class="{true: 'error'}[submitted && form.email.$invalid]">
            <label class="control-label" for="email">Your email address</label>
            <div class="controls">
                <input type="email" name="email" ng-model="email" required />
                <span class="help-inline" ng-show="submitted && form.email.$error.required">Required</span>
                <span class="help-inline" ng-show="submitted && form.email.$error.email">Invalid email</span>
            </div>
        </div>

        <button type="submit" class="btn btn-primary btn-large" ng-click="submitted=true">Submit</button>
    </form>

【讨论】：

您可以以此作为参考，并应根据您的需要进行更改。