表单验证不适用于简单的电子邮件字段

Question

当我用来验证电子邮件时，表单验证不起作用。

这是我的代码

<form id="forgetForm" class="form-horizontal" role="form">
<input placeholder="Email" class="text_box1" type="email" name="email" ng-model="forget.email" required="required">
<span class="errorMessage" ng-show="forgetForm.email.$error.email && !forgetForm.email.$pristine" class="help-inline">Email is not valid</span> 
<span class="errorMessage" ng-show="forgetForm.email.$error.required && !forgetForm.email.$pristine" class="help-inline">Email is required.</span>
<button style="width:auto" class="sign_up" ng-click="doForget(forget)" data-ng-disabled="forgetForm.$invalid" >Get a Password</button>
</form>

在上面的代码中我写了验证来检查

1. 输入应通过电子邮件发送
2. 这是必需的。
3. 仅当表单没有按钮时才应启用。

但不幸的是，这 3 个都不起作用。

我做错了什么，我该如何解决？

Answer 1

您可以使用formName.fieldName.$error 对其字段进行验证，这里您错过了在form 上添加name 属性& 它应该是name="forgetForm"

标记

<form id="forgetForm" name="forgetForm" class="form-horizontal" role="form">
   ..fields here..
</form>