Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用angularjs验证文本框中的电子邮件_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 使用angularjs验证文本框中的电子邮件

Javascript 使用angularjs验证文本框中的电子邮件,javascript,html,angularjs,Javascript,Html,Angularjs,我有两个文本框和一个表单中的提交按钮。一个以名字作为输入,另一个作为电子邮件。我试图使用angularjs验证表单。对于名字字段,我申请 <div ng-class="{ 'has-error' : creatProspectSubmit && prospectCreate.FirstName.$error.required }" 两天以来我一直在努力。我不想在提交按钮上写任何代码。所有验证都应该在文本框本身中完成。任何帮助都将不胜感激。也许您可以将布尔验证变量添加到您的

我有两个文本框和一个表单中的提交按钮。一个以名字作为输入,另一个作为电子邮件。我试图使用angularjs验证表单。对于名字字段,我申请

<div ng-class="{ 'has-error' : creatProspectSubmit && prospectCreate.FirstName.$error.required }"

两天以来我一直在努力。我不想在提交按钮上写任何代码。所有验证都应该在文本框本身中完成。任何帮助都将不胜感激。

也许您可以将布尔验证变量添加到您的范围中, 因此,您可以在提交按钮上添加ng disable='!输入1有效| |!input2valid'
这样,您可以更好地控制何时提交或不提交

如果您的条件不满足,可以使用ng disabled禁用提交按钮。您可以将您的条件添加到ng disabled,它将返回false/true,根据该值,它将启用/禁用submit按钮can@User不..我不想触碰你的手button@RonakShah.. 好啊那么你能不能提供一个弹弓或小提琴..我遇到了一个类似的问题,使用了ng pattern=“regex\u to\u validate\u email\u input”,这就解决了问题。
<input type="text" name="FirstName" ng-model="FirstName" ng-required="true">
<div ng-class="{ 'has-error' : creatProspectSubmit && prospectCreate.Email.$error.required || EmailValidate || prospectCreate.Email.$error.email}">
<input type="email" name="Email" ng-model="Email" ng-required="true">
ng-if = "creatProspectSubmit && prospectCreate.Email.$error.required || EmailValidate || prospectCreate.Email.$error.email"