js 正則表達式驗證密碼、郵箱格式.....

本文轉載自查看原文 2018-10-27 23:39 4886 front end

<!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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 javascript,html,正則表達式，郵箱密碼驗證使用正則表達式驗證郵箱格式 js正則表達式驗證郵箱郵箱驗證-JS正則表達式正則表達式郵箱驗證郵箱驗證正則表達式用正則表達式-驗證郵箱正則表達式 - 密碼格式驗證大全 JS郵箱正則表達式 js正則表達式之密碼強度驗證