这篇文章给大家分享的是有关JavaScript表单验证和E-mail验证如何实现的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有：
用户是否已填写表单中的必填项目？
用户输入的邮件地址是否合法？
用户是否已输入合法的日期？
用户是否在数据域 (numeric field) 中输入了文本？

必填（或必选）项目
下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。
假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false：

functionvalidate_required(field,alerttxt){with(field){if(value==null||value==""){alert(alerttxt);returnfalse}else{returntrue}}}

下面是连同 HTML 表单的代码：

<html><head><script>functionvalidate_required(field,alerttxt){with(field){if(value==null||value==""){alert(alerttxt);returnfalse}else{returntrue}}}functionvalidate_form(thisform){with(thisform){if(validate_required(email,"Emailmustbefilledout!")==false){email.focus();returnfalse}}}</script></head><body><formaction="submitpage.htm"onsubmit="returnvalidate_form(this)"method="post">Email:<inputtype="text"name="email"size="30"><inputtype="submit"value="Submit"></form></body></html>


E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
输入值必须包含 @ 符号和点号 "."。同时，@ 不可以是首字符，@ 之后至少有一个点号：

<html><head><scripttype="text/javascript">functionvalidate_email(field,alerttxt){with(field){apos=value.indexOf("@")dotpos=value.lastIndexOf(".")if(apos<1||dotpos-apos<2){alert(alerttxt);returnfalse}else{returntrue}}}functionvalidate_form(thisform){with(thisform){if(validate_email(email,"Notavalide-mailaddress!")==false){email.focus();returnfalse}}}</script></head><body><formaction="submitpage.htm"onsubmit="returnvalidate_form(this);"method="post">Email:<inputtype="text"name="email"size="30"><inputtype="submit"value="Submit"></form></body></html>

感谢各位的阅读！关于“JavaScript表单验证和E-mail验证如何实现”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！