AngularJs表单中的输入验证

Question

问题，

不知怎的，我无法使用AngularJs获得正确的验证。当需要字段不存在或提交时出错时，我希望用户输入框为红色。

我创建了一个Plunker http://plnkr.co/edit/0ea77wRG3EJC13c22LLn。我创建了一个非常简单的Plunker，只是为了理解。

<input type="text" name="email"  ng-model="userEmail" required>

请帮忙

Answer 1

在scotch.io上阅读本教程。它将为您提供表单验证的介绍。

如果您希望验证消息将在点击提交按钮时显示，请使用标志。 当你点击flag时将flag设置为true并使用angularJs中的条件，如下面的

<div class="form-group" ng-class="{ 'has-error' : submitClicked && userForm.email.$invalid && !userForm.email.$pristine }">

并在点击提交按钮

时将submitClicked标志设置为true

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

你甚至可以试试这个link

Answer 2

如果表单标记中存在novalidate属性，验证将无效。

将其移除到提交时的工作表单验证。