Javascript ng show=”的英文缩写;frm.Email.$error.Email“;不';t显示无效电子邮件的错误
我正在尝试使用angularjs验证在mvc-asp.net中创建登录表单 这是我的密码:Javascript ng show=”的英文缩写;frm.Email.$error.Email“;不';t显示无效电子邮件的错误,javascript,angularjs,email,Javascript,Angularjs,Email,我正在尝试使用angularjs验证在mvc-asp.net中创建登录表单 这是我的密码: <span style="color:red" ng-show="frm.Email.$dirty || frm.Email.$invalid"> <span ng-show="frm.Email.$error.required">ایمیل را وارد کنید</span> <span ng-show="frm.Email.$error.e
<span style="color:red" ng-show="frm.Email.$dirty || frm.Email.$invalid">
<span ng-show="frm.Email.$error.required">ایمیل را وارد کنید</span>
<span ng-show="frm.Email.$error.email">ایمیل وارد شده نامعتبر است</span>
</span>
ایمیل را وارد کنید
ایمیل وارد شده نامعتبر است
当我将文本框留空时,会出现错误
frm.Email.$error.required
,但当我输入无效电子邮件mike.com
时,ng show=“frm.Email.$error.Email
的错误不会出现。为什么?您似乎正在使用
<input type="text">.
。
对于电子邮件,您应该使用
<input type="email">.
。
要验证电子邮件地址,请使用
HTML5
valid
和invalid
控件。我认为您忘记了为必须使用的输入元素提供ng模式属性
<input type="email">
而不是
<input type="text">
或带有ng模式的文本,其中包含在这种情况下所需的模式
注意:不要忘记在表单中加入
,以避免HTML5验证,并应用角度验证“form.mail.$error.email”//**表单名称.输入名称.$error.email”**
"form.mail.$error.email" //**form-name.input-name.$error.email**
<form ng-app="" name="form">
<div>
<label>e-mail:</label><input type="email" id="mail"name="mail" ng-model="mail">
<p><div ng-show="form.mail.$error.email">Enter the valid mail id</div></p>
</div>
电邮:
输入有效的邮件id
在ng show中,我已检查电子邮件的有效性。。表单指表单标签的名称,邮件指输入类型的名称。电子邮件$error指检查错误,电子邮件指电子邮件的类型。能否显示您的表单和您的输入?@jps感谢您的反馈。!!在ng show中,我已检查电子邮件的有效性。\ u表单\uuu指表单标记的名称,mail指输入类型的名称email$error指检查错误,email指电子邮件的类型。。