Js正则表达式注册表单验证实例

注册验证可以直接在html通过js加正则去完成,不用再后端进行验证从而消耗服务器资源。

本注册集成了:

用户名验证,电话验证,邮箱验证,密码验证,重复密码验证

Js正则表达式注册表单验证实例,f1732eaf24c45b74.jpg,分享,js教程JavaScript,教程,建站,经验,百度,正则表达式,第1张

源代码实例:

<!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>

相关文章

您需要 登录账户 后才能发表评论

发表评论 取消回复

电子邮件地址不会被公开。 必填项已用*标注