实现的代码以下:html
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>