输入验证在AngularJs形式

Question

问题，

不知怎的，我无法得到与AngularJs验证正确的。我希望用户输入框在必填字段不存在或提交时出错时显示为红色。

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

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

请帮

Answer 1

上scotch.io通过这个教程。它会给你一个表单验证的介绍。

如果你想验证邮件会显示在点击提交按钮上使用一个标志。 当你点击标志的标志设置为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属性存在于表单标签中，验证将不起作用。

将其移除以提交表单验证。