需要验证的信息有 1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_) 2:密码 大写开头 数字字母符号混合 8-15位 3:确认密码 大写开头 数字字母符号混合 8-15位 4:邮箱 邮箱格式 5:手机号 手机号格式 6:身份证号 身份证号格式 7:地址 中文开头 数字 - 字母 中文混合
1:用户名:
/^[A-Z]{1}[\u4E00-\u9FA5A-Za-z0-9_]{5,19}$/2:密码
/^[A-Z]{1}[a-zA-Z0-9]{7,14}$/3:确认密码
/^[A-Z]{1}[a-zA-Z0-9]{7,14}$/4:邮箱
/^[a-z0-9]+@[a-z0-9]+.com$/5:手机号
/^\d{18}|\d{17}(X|x)$/7:地址
/^[\u4e00-\u9fa5][0-9]+-[a-zA-Z][\u4e00-\u9fa5]$/未验证之前 输入内容点击验证后 （进行相关验证并给出提示）
HTML代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <table> <tr> <td>用户名：</td> <td><input type="text" id="userName"/></td> <td><span id="use"></span></td> </tr> <tr> <td>密码：</td> <td><input type="text" id="password"/></td> <td><span id="pas"></span></td> </tr> <tr> <td>确认密码：</td> <td><input type="text" id="conpwd"/></td> <td><span id="con"></span></td> </tr> <tr> <td>邮箱：</td> <td><input type="text" id="email"/></td> <td><span id="ema"></span></td> </tr> <tr> <td>手机号：</td> <td><input type="text" id="phone"/></td> <td><span id="pho"></span></td> </tr> <tr> <td>身份证号：</td> <td><input type="text" id="identity"/></td> <td><span id="ide"></span></td> </tr> <tr> <td>地址：</td> <td><input type="text" id="address"/></td> <td><span id="add"></span></td> </tr> <tr> <td colspan="3"><input type="button" value="效验" onclick="code()" /></td> </tr> </table> </body> <script src="js/code.js"></script> </html>code.js代码
function code(){ //用户名 var str="" str = document.getElementById("userName").value; var pat = /^[A-Z]{1}[\u4E00-\u9FA5A-Za-z0-9_]{5,19}$/; if(pat.test(str)){ document.getElementById("use").innerText="正确"; document.getElementById("use").style.color="green"; }else{ document.getElementById("use").innerText="请输入：大写字母开头 6-20位字符(不允许有符号但是允许有_)的用户名"; document.getElementById("use").style.color="red"; } // 密码 var str1="" str1 = document.getElementById("password").value; var pat1 = /^[A-Z]{1}[a-zA-Z0-9]{7,14}$/; if(pat1.test(str1)){ document.getElementById("pas").innerText="正确"; document.getElementById("pas").style.color="green"; }else{ document.getElementById("pas").innerText="请输入:大写开头 数字字母符号混合 8-15位的密码"; document.getElementById("pas").style.color="red"; } // 确认密码 var str2="" str2 = document.getElementById("conpwd").value; var pat2 = /^[A-Z]{1}[a-zA-Z0-9]{7,14}$/; if(pat2.test(str2)){ document.getElementById("con").innerText="正确"; document.getElementById("con").style.color="green"; }else{ document.getElementById("con").innerText="请输入:大写开头 数字字母符号混合 8-15位的密码"; document.getElementById("con").style.color="red"; } // 邮箱 var str3="" str3 = document.getElementById("email").value; var pat3 = /^[a-z0-9]+@[a-z0-9]+.com$/; if(pat3.test(str3)){ document.getElementById("ema").innerText="正确"; document.getElementById("ema").style.color="green"; }else{ document.getElementById("ema").innerText="请输入:正确的邮箱号"; document.getElementById("ema").style.color="red"; } // 手机号 var str4="" str4 = document.getElementById("phone").value; var pat4 = /^1[3-9]{1}\d{9}$/; if(pat4.test(str4)){ document.getElementById("pho").innerText="正确"; document.getElementById("pho").style.color="green"; }else{ document.getElementById("pho").innerText="请输入:正确的手机号"; document.getElementById("pho").style.color="red"; } // 身份证号 var str5="" str5 = document.getElementById("identity").value; var pat5 = /^\d{18}|\d{17}(X|x)$/; if(pat5.test(str5)){ document.getElementById("ide").innerText="正确"; document.getElementById("ide").style.color="green"; }else{ document.getElementById("ide").innerText="请输入:正确的身份证号"; document.getElementById("ide").style.color="red"; } // 地址 var str6="" str6 = document.getElementById("address").value; var pat6 = /^[\u4e00-\u9fa5][0-9]+-[a-zA-Z][\u4e00-\u9fa5]$/; if(pat6.test(str6)){ document.getElementById("add").innerText="正确"; document.getElementById("add").style.color="green"; }else{ document.getElementById("add").innerText="请输入:中文开头 数字 - 字母 中文混合的地址"; document.getElementById("add").style.color="red"; } }相信你已经对正则表达式有进一步的了解了。
了解更多关注我呦！！！
