注册验证可以直接在html通过js加正则去完成,不用再后端进行验证从而消耗服务器资源。
本注册集成了:
用户名验证,电话验证,邮箱验证,密码验证,重复密码验证
源代码实例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <center> <h1>JS正则表单验证</h1> <form action="" method="get"> 用户名:<p><input type="text" name="user" value=""></p> 手机号码:<p><input type="text" name="te" value=""></p> email:<p><input type="text" name="email" value=""></p> 密码:<p><input type="password" name="password" value=""></p> 重复密码:<p><input type="password" name="repassword" value=""></p> <p><input type="submit" value="提交" ></p> </form> </center> </body> <script type="text/javascript"> //js正则表单注册验证 var form = document.getElementsByTagName('form')[0]; // alert(form); form.onsubmit = function(){ //判断用户名是否合法 //示例:wuxinyue var ins = document.getElementsByTagName('input'); // alert(ins); var patt = /^\w{6,}$/; if (!patt.test(ins[0].value)) { alert('用户名不合法'); return false; } //判断手机号码是否合法 //示例:15223709147 var patt = /^[1]{1}[0123456789]{10}$/; if (!patt.test(ins[1].value)) { alert('手机号码不合法'); return false; } //判断邮箱是否合法 //示例:abc@cpm.com.com var patt = /^\w+[@]{1}(\w+[\.]+[a-z0-9A-Z]+)+$/; if (!patt.test(ins[2].value)) { alert('邮箱不合法'); return false; } //密码验证 //示例:123456789 var patt = /^\w{8,20}$/; if (!patt.test(ins[3].value)) { alert('密码不合法'); return false; } //判断两次密码是否一致 //示例:123456789 if (ins[3].value != ins[4].value) { alert('两次不一致,请重新输入'); return false; } } </script> </html>
还没有评论,来说两句吧...