本文主要為大家詳細介紹了jQuery表單驗證之密碼確認的實現代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能幫助到大家。

眾所周知，在修改密碼時會需要兩次輸入密碼。這時如何確保兩個密碼框中都有內容？兩個密碼框中是一致的？如果一個沒有輸入會給出提示？OK這一切都可以用JS來實現，具體思想很簡單啦，就是編寫事件獲取dom節點，判斷對象的取值呀？

那么編寫什么事件？應該是onblur事件~。而且要為兩個密碼框都加上失去焦點的blur事件。利用jQuery比較方便勒。

話不多說，直接上代碼：

password驗證

請輸入密碼：

請確認密碼：

兩次輸入的密碼不一致

$(".tip").hide();

function checkpas1(){//當第一個密碼框失去焦點時，觸發checkpas1事件

var pas1=document.getElementById("password").value;

var pas2=document.getElementById("repassword").value;//獲取兩個密碼框的值

if(pas1!=pas2&&pas2!="")//此事件當兩個密碼不相等且第二個密碼是空的時候會顯示錯誤信息

$(".tip").show();

else

$(".tip").hide();//若兩次輸入的密碼相等且都不為空時，不顯示錯誤信息。

}

function checkpas(){//當第一個密碼框失去焦點時，觸發checkpas2件

var pas1=document.getElementById("password").value;

var pas2=document.getElementById("repassword").value;//獲取兩個密碼框的值

if(pas1!=pas2){

$(".tip").show();//當兩個密碼不相等時則顯示錯誤信息

}else{

$(".tip").hide();

}

}

function checkpas2(){//點擊提交按鈕時，觸發checkpas2事件，會進行彈框提醒以防無視錯誤信息提交

var pas3=document.getElementById("password").value;

var pas4=document.getElementById("repassword").value;

if(pas3!=pas4){

alert("兩次輸入的密碼不一致！");

return false;

}

}

總結

以上是生活随笔為你收集整理的php表单确认密码,jQuery表单验证之密码确认实例详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。