下面小编就为大家带来一篇javascript 完成注册页面表单校验的实例。小编觉得挺不错的，现在就分享js源码给大家，也给大家做个参考。对javascript感兴趣的一起跟随小编过来看看吧
1、步骤分析
第一步：确定事件(onsubmit)并为其绑定一个函数
第二步：书写这个函数(获取用户输入的数据)
第三步：对用户输入的数据进行判断
立即学习“Java免费学习笔记（深入）”；
第四步：数据合法(让表单提交)
第五步：数据非法(给出错误提示信息，不让表单提交)
问题：如何控制表单提交？
关于事件 onsubmit：一般用于表单提交的位置，那么需要在定义函数的时候给出一个 返回值。
onsubmit = return checkForm()
2、完成注册页面表单校验
nbsp;html>注册页面 function checkForm(){ //alert("aa"); /**校验用户名*/ //1.获取用户输入的数据 var uValue=document.getElementById("user").value; //alert(uValue); if(uValue==""){ //2.给出错误提示信息 alert("用户名不能为空"); return false; } /**校验密码*/ var pValue=document.getElementById("password").value; if(pValue==""){ //注意空的表示方法 alert("密码不能为空"); return false; } /** 校验确认密码*/ var rpValue=document.getElementById("repassword").value; if(rpValue!=pValue){ alert("两次密码输入不一致！"); return false; } /**校验邮箱*/ var eValue=document.getElementById("email").value; if(！/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){ alert("邮箱格式不正确！"); } }
登录后复制
登录 注册 购物车 首页 手机数码 电脑办公 鞋靴箱包 家用电器
关于我们 联系我们 招贤纳士 法律声明 友情链接 支付方式 配送方式 服务声明 广告声明
Copyright © 2005-2016 hh商城 版权所有
在校验确认密码这部分使用了正则表达式（不需要记忆，需要时查找文档）
正则式.test(校验对象)为真表示符合条件，为假则不符合。
以上这篇JavaScript 完成注册页面表单校验的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。
相关推荐：
JavaScript canvas实现旋转动画
JavaScript实现Ajax异步请求实例详解
最全JavaScript知识点总结
以上就是JavaScript 完成注册页面表单校验的实例的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2790621.html
