Java和JavaScript正则表达式的对比 Java中也有正则表达式,默认情况下必须要精确匹配 ;而在JS中默认是模糊匹配，只要字符串包含了正则表达式的内容就返回true

注册信息校验

需求

1. 在JS中使用正则表达式进行验证。
2. 用户名：只能由英文字母和数字组成，长度为4～16个字符，并且以英文字母开头
3. 密码： 大小写字母和数字6-20个字符
4. 确认密码：两次密码要相同
5. 电子邮箱: 符合邮箱地址的格式 /^w+@w+(.[a-zA-Z]{2,3}){1,2}$/
6. 手机号：/^1[34578]d{9}$/
7. 生日：生日的年份在1900～2009之间，生日格式为1980-5-12或1988-05-04的形式，/^((19d{2})|(200d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]d|3[0-1])$/

案例分析

• 创建正则表达式
• 得到文本框中输入的值
• 如果不匹配，在后面的span中显示错误信息，返回false
• 如果匹配，在后面的span中显示一个打勾图片，返回true
• 写一个验证表单中所有的项的方法，所有的方法都返回true，这个方法才返回true.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85

<meta charset="UTF-8"><title>验证注册页面</title><style type="text/css">         body {             margin: 0;             padding: 0;             font‐size: 12px;             line‐height: 20px;         }         .main {             width: 525px;             margin‐left: auto;             margin‐right: auto;         }         .hr_1 {             font‐size: 14px;             font‐weight: bold;             color: #3275c3;             height: 35px;             border‐bottom‐width: 2px;             border‐bottom‐style: solid;             border‐bottom‐color: #3275c3;             vertical‐align: bottom;             padding‐left: 12px;         }         .left {             text‐align: right;             width: 80px;             height: 25px;             padding‐right: 5px;         }         .center {             width: 280px;         }         .in {             width: 130px;             height: 16px;             border: solid 1px #79abea;         }         .red {             color: #cc0000;             font‐weight: bold;         }         div {             color: #F00;         }         </style><script type="text/javascript">         //验证表单中所有的项         function checkAll () { //所有的方法都返回true，这个方法才返回true             return checkUser() && checkMail();         }         //验证用户名         function checkUser () { //1. 创建正则表达式             var reg = /^[a‐zA‐Z][a‐zA‐Z0‐9]{3,15}$/; //2. 得到文本框中输入的值             var value = document.getElementById("user").value; //3. 如果不匹配，在后面的span中显示错误信息，返回false             if (reg.test(value)==false) {                 document.getElementById("userInfo").innerHTML = "用户名不正确";                 return false;             } //4. 如果匹配，在后面的span中显示一个打勾图片，返回true             else {                 document.getElementById("userInfo").innerHTML = "<img src='img/gou.png' width='15'/>";                 return true;             }         }         //验证邮箱         function checkMail () {             //1. 创建正则表达式             var reg = /^w+@w+(.[a‐zA‐Z]{2,3}){1,2}$/; //2. 得到文本框中输入的值             var value = document.getElementById("email").value; //3. 如果不匹配，在后面的span中显示错误信息，返回false             if (reg.test(value)==false) {                 document.getElementById("emailInfo").innerHTML = "邮箱格式不正确";                 return false;             } //4. 如果匹配，在后面的span中显示一个打勾图片，返回true             else {                 document.getElementById("emailInfo").innerHTML = "<img src='img/gou.png' width='15'/>";                 return true;             }         }     </script>

新用户注册

用户名： 密码： 确认密码： 电子邮箱： 手机号码： 生日：

到此这篇关于JavaScript正则表达式实现注册信息校验的文章就介绍到这了,更多相关js正则表达式注册信息校验内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章希望大家以后多多支持IT俱乐部！