確認密碼不工作

我一直在尋找以下問題jQuery驗證：Password confirmation trouble with jQuery validation plugin 確認密碼不工作

我複製上的jsfiddle代碼和編輯它相應地使我的服務器上運行，但它似乎並不奏效我無法弄清楚！請幫助，謝謝！

這是我的代碼。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>   
<script> 
$.validator.setDefaults({ 
    submitHandler: function() { 
     alert("submitted!"); 
    } 
}); 

// validate signup form on keyup and submit 
$("form").validate({ 
    rules: { 
     pass: { 
      required: true, 
      minlength: 5 
     }, 
     pass2: { 
      required: true, 
      minlength: 5, 
      equalTo: "#pass" 
     } 
    }, 
    messages: { 
     pass: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long" 
     }, 
     pass2: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long", 
      equalTo: "Please enter the same password as above" 
     } 
    } 
}); 
</script> 

</head> 
<body> 
<form> 
<table> 
    <tr> 
     <td>Password</td> 
     <td> 
      <label for="pass"></label> 
      <input id="pass" name="pass" type="password" value="" /> 
     </td> 
    </tr> 
    <tr> 
     <td>Password confirm</td> 
     <td> 
      <label for="pass2"></label> 
      <input id="pass2" name="pass2" type="password" value="" /> 
     </td> 
    </tr> 
</table> 
<input type="submit" name="save" value="Save" /> 
</form> 
</body> 
</html>

來源

2013-07-28 Belgarion

你有jQuery驗證插件腳本加載？（因爲驗證器是一個單獨的.js文件） – Sergio

你是指這個， – Belgarion

_「它似乎沒有工作」_ _它似乎在做什麼_does_？期望的行爲是什麼？實際行爲是什麼？瀏覽器控制檯中的任何錯誤？ – nnnnnn

嘗試包裝你的JS這個功能

$(function() { 
$.validator.setDefaults({ 
    submitHandler: function() { 
     alert("submitted!"); 
    } 
}); 

// validate signup form on keyup and submit 
$("form").validate({ 
    rules: { 
     pass: { 
      required: true, 
      minlength: 5 
     }, 
     pass2: { 
      required: true, 
      minlength: 5, 
      equalTo: "#pass" 
     } 
    }, 
    messages: { 
     pass: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long" 
     }, 
     pass2: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long", 
      equalTo: "Please enter the same password as above" 
     } 
    } 
}); 
});

來源

2013-07-28 07:54:55 dz15

謝謝dz15，它終於工作了！ =） – Belgarion

太棒了！當你看着JSFiddle時，請記住看到如何在左側加載JavaScript。如果它說onLoad $（window）.load（function（）{code here}）;或domReady $（function（）{code here}）;你將需要把它放在這些功能中。 – dz15

@ dz15，似乎你可以幫助我。看看這個：https://stackoverflow.com/questions/47086843/how-can-i-make-two-message-in-password-confirmation-in-jquery-validate。案件是一樣的。但我的情況不需要密碼和密碼確認 –

確認密碼不工作

回答

相關問題