实现的代码如下：
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 else
27 alert("用户名格式验证正确！");
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 else
37 alert("密码格式验证正确！");
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 else
47 alert("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 else
57 alert("身份证格式验证正确！");
58 }
59 </script>
60 </body>
61 <html>
更多专业前端知识，请上 【猿2048】www.mk2048.com
