关于JavaScript表单验证的相关讲解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于JavaScript表单验证的相关讲解,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1780字,纯文字阅读大概需要3分钟。
内容图文
![关于JavaScript表单验证的相关讲解](/upload/InfoBanner/zyjiaocheng/291/adce3dc69e4640d89d772cb19336cafc.jpg)
JavaScript 表单验证在网站登录注册时有着重要的作用,所以本篇对其做一些详细的了解。
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
表单数据经常需要使用 JavaScript 来验证其正确性:
验证表单数据是否为空?
验证输入是否是一个正确的email地址?
验证日期是否输入正确?
验证表单输入内容是否为数字型?
必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
function validateForm(){ var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("姓必须填写"); return false; }}
以上函数在 form 表单提交时被调用:
实例
<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">姓: <input type="text" name="fname"><input type="submit" value="提交"></form>
E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
function validateForm(){ var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){ alert("不是一个有效的 e-mail 地址"); return false; }}
下面是连同 HTML 表单的完整代码:
实例
<form name="myForm" action="demo-form.php" onsubmit="return validateForm();" method="post"> Email: <input type="text" name="email"> <input type="submit" value="提交"></form>
本篇对JavaScript 表单验证的一些相关知识进行了讲解,更多的学习资料清关注Gxl网即可观看。
相关推荐:
JavaScript Boolean(布尔) 对象的相关知识与用法
JavaScript Cookie的了解与使用
JavaScript Switch 语句的实际运用方法
以上就是关于JavaScript 表单验证的相关讲解的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的关于JavaScript表单验证的相关讲解全部内容,希望文章能够帮你解决关于JavaScript表单验证的相关讲解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。