Javascript AngularJs表单中的输入验证

问题,

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

我已经创建了一个Plunker。我创建了一个非常简单的Plunker，只是为了理解

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

---

请帮助

浏览上的本教程。它将向您介绍表单验证

如果您需要验证消息，请单击“提交”按钮并使用标志显示。 单击flag时，将该标志设置为true，并使用angularJs中的条件，如下所示

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

并在单击submit按钮时将submitClicked标志设置为true

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

---

如果表单标记中存在novalidate属性，您甚至可以尝试此验证

在提交时将其删除以进行工作表单验证