實現的代碼以下: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>