仅在提交时进行 AngularJS 验证

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

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

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

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

<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>