实现的代码如下：
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 </head> 5 <body> 6 <p>用户名正则表达式 ，4到16位（字母，数字，下滑线，减号）</p> 7 <input id="text0" type="text" value="请输入你的用户名"> 8 <input type="button" value="验证" onClick="func0()"> 9 <p>密码强度，最少6位，最多16位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符(指的是._-)</p>10 <input id="text1" type="text" value="请输入你的密码">11 <input type="button" value="验证" onClick="func1()">12 <p>EMAIL表达式验证</p>13 <input id="text2" type="text" value="请输入你的邮箱">14 <input type="button" value="验证" onClick="func2()">15 <p>身份证表达式验证</p>16 <input id="text3" type="text" value="请输入你的身份证">17 <input type="button" value="验证" onClick="func3()">18 <script>19 function func0(){20 var obj0 = document.getElementById("text0").value;21 var reg0=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._-]){3,15}$/;22 if(!reg0.test(obj0) )23 {24 alert('对不起，用户名格式错误'); 25 }26 else27alert("用户名格式验证正确！");28 }29 function func1(){30 var obj1 = document.getElementById("text1").value;31 var reg1=/^[a-z A-Z 0-9 ]{3,15}$/;32 if(!reg1.test(obj1) )33 {34 alert('对不起，密码格式错误'); 35 }36 else37alert("密码格式验证正确！");38 }39 function func2(){40 var obj2 = document.getElementById("text2").value;41 var reg2=/^[a-zA-Z0-9] @[a-zA-Z0-9-] (\.[a-zA-Z0-9-] )*\.[a-zA-Z0-9]{2,6}$/;42 if(!reg2.test(obj2) )43 {44 alert('对不起，email格式错误'); 45 }46 else47alert("email格式验证正确！");48 }49 function func3(){50 var obj3 = document.getElementById("text3").value;51 var reg3=/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/52 if(!reg3.test(obj3) )53 {54 alert('对不起，身份证格式错误'); 55 }56 else57alert("身份证格式验证正确！");58 }59 </script>60 </body>61 <html>
更多专业前端知识，请上【猿2048】
