遺憾的是博客內容不允許包含js代碼,不能在線測試,就只上代碼了
<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title>Regular Expression test</title></head><body>   用戶名:(4-16位,字母、下劃線、數字,減號) <br/>   <input type="text" id="un" placeholder="4-16位" >   <input type="button" value="test" onclick="userName()" >   <span id="one"></span>   <br/><hr/>   密碼:(最少6位,至少包括一個大寫字母、一個小寫字母、一個數字、一個特殊字符) <br/>   <input type="text" id="pw" >   <input type="button" value="test" onclick="password()" >   <span id="two"></span>   <br/><hr/>   郵箱:(xxx@xx.xxx)<br/>   <input type="text" id="em" >   <input type="button" value="test" onclick="email()" >   <span id="three"></span>      <br/><hr/>   身份證號:18位,最后一位可以是數字或字母<br/>   <input type="text" id="idn" >   <input type="button" value="test" onclick="idNumber()" >   <span id="four"></span><script type="text/javascript">function userName(){    var reg=/^/w{4,16}$/;    if( !reg.test( document.getElementById("un").value ) )       document.getElementById("one").innerHTML="不正確";    else       document.getElementById("one").innerHTML="正確";  }function password(){    var reg=/^(?=.*[a-z])(?=.*[A-Z])(?=.*/d)(?=.*?[#?!@$%^&*-]).{6,}$/;    if( !reg.test( document.getElementById("pw").value ) )       document.getElementById("two").innerHTML="不正確";    else       document.getElementById("two").innerHTML="正確";  }function email(){    var reg=/^/w+@[a-zA-Z0-9]{2,10}(?:/.[a-z]{2,4}){1,3}$/;    if( !reg.test( document.getElementById("em").value ) )       document.getElementById("three").innerHTML="不正確";    else       document.getElementById("three").innerHTML="正確";  }function idNumber(){    var reg=/^/d{17}[A-z|0-9]{1}$/;    if( !reg.test( document.getElementById("idn").value ) )       document.getElementById("four").innerHTML="不正確";    else       document.getElementById("four").innerHTML="正確";  }  </script></body></html>總結
以上所述是小編給大家介紹的JS 正則表達式驗證密碼、郵箱格式的實例代碼,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時會及時回復大家的!
新聞熱點
疑難解答