快捷導航

JS 正則表達式驗證密碼、郵箱格式的實例代碼

更新時間：2018年10月28日 12:57:27 作者：_____null

這篇文章主要介紹了JS 正則表達式驗證密碼、郵箱格式的實例代碼,需要的朋友可以參考下

遺憾的是博客內(nèi)容不允許包含js代碼,不能在線測試，就只上代碼了

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Regular Expression test</title>
</head>
<body>
   用戶名：(4-16位，字母、下劃線、數(shù)字，減號) <br/>
   <input type="text" id="un" placeholder="4-16位" >
   <input type="button" value="test" onclick="userName()" >
   <span id="one"></span>
   <br/><hr/>
   密碼：(最少6位，至少包括一個大寫字母、一個小寫字母、一個數(shù)字、一個特殊字符) <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位，最后一位可以是數(shù)字或字母<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>

總結(jié)

以上所述是小編給大家介紹的JS 正則表達式驗證密碼、郵箱格式的實例代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時會及時回復大家的！

您可能感興趣的文章: