jQuery表單驗證之密碼確認的示例分析

這篇文章給大家分享的是有關jQuery表單驗證之密碼確認的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)-專業(yè)網站定制、快速模板網站建設、高性價比和布克賽爾蒙古網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式和布克賽爾蒙古網站制作公司更省心,省錢,快速模板網站建設找我們，業(yè)務覆蓋和布克賽爾蒙古地區(qū)。費用合理售后完善，10多年實體公司更值得信賴。

代碼：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>password驗證</title>
    <script src="jquery/jquery-3.1.1.min.js" type="text/javascript"></script>
  </head>
  <body>
      <form ation="psot" method="">
      <label for="password1">請輸入密碼：</label>
      <input id="password" name="password" onblur="checkpas1();" required="true" type="password"/>
<br/>
      <label for="password1">請確認密碼：</label>
      <input type="password" name="repassword" id="repassword" required="true" onChange="checkpas();" />
      <span class="tip" >兩次輸入的密碼不一致</span><br>
      <input type="button" name="submit" value="提交" onclick="checkpas2();"/>
    </form>
    <script>
      $(".tip").hide();
      function checkpas1(){//當?shù)谝粋€密碼框失去焦點時，觸發(fā)checkpas1事件
        var pas1=document.getElementById("password").value;
        var pas2=document.getElementById("repassword").value;//獲取兩個密碼框的值
        if(pas1!=pas2&&pas2!="")//此事件當兩個密碼不相等且第二個密碼是空的時候會顯示錯誤信息
          $(".tip").show();
        else
          $(".tip").hide();//若兩次輸入的密碼相等且都不為空時，不顯示錯誤信息。
        }
      function checkpas(){//當?shù)谝粋€密碼框失去焦點時，觸發(fā)checkpas2件
        var pas1=document.getElementById("password").value;
        var pas2=document.getElementById("repassword").value;//獲取兩個密碼框的值
        if(pas1!=pas2){
          $(".tip").show();//當兩個密碼不相等時則顯示錯誤信息
        }else{
          $(".tip").hide();
        }
        }
      function checkpas2(){//點擊提交按鈕時，觸發(fā)checkpas2事件，會進行彈框提醒以防無視錯誤信息提交
        var pas3=document.getElementById("password").value;
        var pas4=document.getElementById("repassword").value;
        if(pas3!=pas4){
          alert("兩次輸入的密碼不一致！");
          return false;
        }
      }
    </script>
  </body>
</html>
</html>

感謝各位的閱讀！關于“jQuery表單驗證之密碼確認的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

當前文章：jQuery表單驗證之密碼確認的示例分析
標題來源：http://chinadenli.net/article20/jpcdco.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站策劃、Google、網站營銷、軟件開發(fā)、App設計、商城網站

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jQuery表單驗證之密碼確認的示例分析