AngularJs 表单中的输入验证答案

【问题标题】：Input Validation in AngularJs FormAngularJs 表单中的输入验证
【发布时间】：2014-10-09 04:00:18
【问题描述】：

问题，

不知何故，我无法使用 AngularJs 进行正确的验证。当必填字段不存在或提交时错误时，我希望用户输入框为红色。

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

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

请帮忙

【问题讨论】：

【解决方案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

【讨论】：

【解决方案2】：

如果表单标记中存在novalidate 属性，则验证将不起作用。

删除它以在提交时进行表单验证。

【讨论】：