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


Form validation not working for simple email field

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

这是我的代码

<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 个都不起作用。

正在犯什么错误,我该如何解决这个问题?

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

标记

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