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

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>

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

输入应为电子邮件
必填。
仅当表单没有按钮时才应启用。

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

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

Answer 1

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

标记

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

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

Form validation not working for simple email field

javascript

php

forms

angularjs

angularjs-forms