Question

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

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

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

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

AngularJS验证仅提交

1 个答案: