Angularjs在表单提交上形成验证

Question

我是AngularJS的新手。我已经开发了一个简单的Angular UI Modal表单，我正在尝试验证表单提交时的表单，即最终用户单击提交按钮时。我参加了一个视频讲座，该讲座使用Angular指令来验证在父元素上放置'has-error'类的字段。请图片澄清。

角形

错误指令

HTML模板

我希望消息全名是必需的，只有在单击“保存”按钮或输入控件触发模糊事件时才会显示有效的电子邮件。 请指导我在这里缺少的东西....

Answer 1

更新错误消息span代码

中的ng-if="(employeeForm.fullName.$isDirty || employeeForm.$submitted) && <rest of your validation>"

Dynamic-SQL

如果用户已输入字段或表单已提交，则此值将返回true。

Answer 2

试试这个：

E-mail:
<input type="email" ng-model="user.email" name="uEmail" required="" />

<div ng-show="form.$submitted || form.uEmail.$touched">
  <span ng-show="form.uEmail.$error.required">Tell us your email.</span>
  <span ng-show="form.uEmail.$error.email">A valid email.is required</span>
</div>