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

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. 仅当表单没有按钮时才应启用。

但不幸的是，这三个人都没有工作。

我在做什么错，我该如何解决这个问题？

Answer 1

您可以使用formName.fieldName.$error形成对其字段的验证，您错过了在name＆amp;上添加form属性它应该是name="forgetForm"

<强>标记

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