溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關jQuery表單驗證之密碼確認的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
代碼：
<!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(){//當第一個密碼框失去焦點時，觸發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;
}
}
</script>
</body>
</html>
</html>感謝各位的閱讀！關于“jQuery表單驗證之密碼確認的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
