Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.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 验证我的表格_Javascript_Jquery_Forms_Validation - Fatal编程技术网

Javascript 验证我的表格

Javascript 验证我的表格,javascript,jquery,forms,validation,Javascript,Jquery,Forms,Validation,我对学习javaScript非常陌生,我在互联网上搜索了如何用html验证我的表单,但似乎仍然没有弄明白。我希望有人能看看我的表单,告诉我如何验证表单中的特定字段。我需要验证的字段有: 名字 电话 电子邮件 评论 每个字段都需要包含一个值, 电话和电子邮件字段需要包含2个以上字符, 电子邮件字段需要包含“@”符号。这是加价表: <form action="formmail.php" method="get" class= "form"> <script type="text/j

我对学习javaScript非常陌生,我在互联网上搜索了如何用html验证我的表单,但似乎仍然没有弄明白。我希望有人能看看我的表单,告诉我如何验证表单中的特定字段。我需要验证的字段有:

名字 电话 电子邮件 评论

每个字段都需要包含一个值, 电话和电子邮件字段需要包含2个以上字符, 电子邮件字段需要包含“@”符号。这是加价表:

<form action="formmail.php" method="get" class= "form">
<script type="text/javascript" src="formValidation.js"></script>
<input id="name" type="text" name="Name" value = "enter your name">
<br>  
<input type="email" name="Email" value= "enter email"/>
<br>   
<input type="tel" name="Phone" value= "enter phone number"/>
<br>
<p>
<input onclick="myFunction" type="submit" name="submit"      value="Submit"/>
</p>
<h2> Team </h2>
<p>Select your team<br/>
</p>
<select multiple name="interests">
<option value="Adults">Adults</option>
<option value="Under12s" >Under 12s</option>
<option value="under6s" >Under 6s</option>
</select>
<h2>Are you an existing member? </h2>
<p>
<input type="radio" name="roomRating" value="excellent">yes<br/>
<input type="radio" name="roomRating" value="good">no<br/>
</p>
<p> comments </p>
<textarea name="comments" rows="5" cols="25"></textarea>
</form>




团队 选择您的团队

成人 12岁以下 6岁以下 你是现有会员吗? 是

评论

尝试以下代码:-

function validateEmail(email) {
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}
功能验证电子邮件(电子邮件){
变量re=/^([^()\[\]\\,;:\s@“]+(\.[^()\[\]\,;:\s@“]+)*)(“+”)(\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]124;([a-zA Z-0-9]++\];
返回重新测试(电子邮件);
}

它将验证电子邮件

如果您可以使用jquery,我建议您将其与此插件一起使用:

它使事情变得容易,你会很快学会。您只需在项目和插件中添加jquery(learn.jquery.com/jquery ui/getting started):


如果没有,你必须自己做:


Regads

您应该检查HTML5验证,您不需要使用jquery,而且非常容易使用

本网站详细介绍了如何使用HTML5验证:

试试看

<input id="name" type="text" name="Name" value = "enter your name" required/>
<input type="email" name="Email" value= "enter email" required/>
<input type="tel" name="Phone" value= "enter phone number" required/>


可能会对您有所帮助:谢谢,是的,我已经将jquery库包含在我的脑海中,我将尝试阅读更多关于它的内容,以便更有效地利用它。谢谢,我将研究它,因为现在我必须使用jquery/javaScript,因为它是为了帮助您。哦,谢谢,这很容易,现在我只需要弄清楚如何确保电话和电子邮件需要两个以上的字符,并且电话只接受数字输入?@sosro:如果这是正确的答案,请将此答案标记为正确答案。
<input id="name" type="text" name="Name" value = "enter your name" required/>
<input type="email" name="Email" value= "enter email" required/>
<input type="tel" name="Phone" value= "enter phone number" required/>