確認密碼驗證

我有一個html文件，我試圖檢查兩個密碼字段（密碼&符合密碼），我必須使用這種特殊的形式，我不能使用任何示例，我看過這裏的例子和我來到一個交叉工作的例子，我試圖得到它的工作，但它至今沒有工作，我是新來這個所以請我耐心等待這個確認密碼驗證

<div id="register" class="animate form"> 
<form action="mysuperscript.php" autocomplete="on"> 
<h1> Sign up </h1> 
<p> 
<label for="usernamesignup" class="uname" data-icon="u">Your username</label> 
<input id="usernamesignup" class="username" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690"> 
<span class="check" ></span> 
</p> 
<p> 
<label for="emailsignup" class="youmail" data-icon="e"> Your email</label> 
<input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="[email protected]"> 
</p> 
<p> 
<label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label> 
<input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO"> 
</p> 
<p> 
<label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label> 
    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" onkeyup="checkPasswordMatch(); placeholder="eg. X8df!90EO"> 
    </p> 
    <p class="signin button"> 
    <input type="submit" value="Sign up"> 
    </p> 
    <p class="change_link"> 
Already a member ? 
    <a href="#tologin" class="to_register"> Go and log in </a> 
</p> 
</form>

我已經加入此功能的代碼

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript"> 
function checkPasswordMatch() { 
    var password = $("#passwordsignup").val(); 
    var confirmPassword = $("#passwordsignup_confirm").val(); 

    if (password != confirmPassword) 
     $("#register").html("Passwords do not match!"); 
    else 
     $("#register").html("Passwords match."); 
} 
</script>

根據這個例子，它應該工作，但顯然我做在這裏出了點問題，感謝你的幫助。

來源

2014-09-12 user3409828

你應該在服務器上進行這種驗證，FYI。 – tymeJV 2014-09-12 15:44:24

@tymeJV在用戶的瀏覽器中進行初步檢查沒有什麼不妥。 – Nit 2014-09-12 15:46:12

#register是包含你輸入密碼的整個表單的div ...我會避免用你的錯誤信息擦除它。此外**你忘記了一個報價**：onkeyup =「checkPasswordMatch（）;」 – 2014-09-12 15:46:18

這一行是搞砸了。

onkeyup="checkPasswordMatch(); placeholder="eg. X8df!90EO">

您的雙引號不匹配。

來源

2014-09-12 15:53:17

在您發佈的代碼中，您在onkeyup="checkPasswordMatch();之後缺少"。

來源

2014-09-12 15:53:39 MSTannu

感謝您的回覆，我添加了「但仍然不能正常工作 – user3409828 2014-09-12 16:05:32

檢查值，如在您的問題的評論中所建議的。這可以通過添加'console.log（密碼）; console.log（confirmPassword'）;''在你分配了javascript中的值之前 - 在「if」條件之前，這些值將顯示在你的瀏覽器的控制檯中 – MSTannu 2014-09-12 16:09:57

<!DOCTYPE html> 
<html> 
<body> 
<div id="register" class="animate form"> 
<form action="mysuperscript.php" autocomplete="on"> 
<h1> Sign up </h1> 
<p> 
<label for="usernamesignup" class="uname" data-icon="u">Your username</label> 
<input id="usernamesignup" class="username" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690"> 
<span class="check" ></span> 
</p> 
<p> 
<label for="emailsignup" class="youmail" data-icon="e"> Your email</label> 
<input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="[email protected]"> 
</p> 
<p> 
<label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label> 
<input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO"> 
</p> 
<p> 
<label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label> 
    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="eg. X8df!90EO"> 
    </p> 
    <div id="msg"></div> 
    <p class="signin button"> 
    <input type="submit" value="Sign up"> 
    </p> 
    <p class="change_link"> 
Already a member ? 
    <a href="#tologin" class="to_register"> Go and log in </a> 
</p> 
</body> 
<script src="jquery.js"></script> 
<script> 
$(document).ready(function(){ 
$("#passwordsignup_confirm").keyup(function(){ 
    var password = $("#passwordsignup").val(); 
    var confirmPassword = $("#passwordsignup_confirm").val(); 

    if (password !== confirmPassword){ 
     $("#msg").html("Passwords do not match!"); 
    }else{ 
     $("#msg").html("Passwords match."); 
    } 
}); 
}); 

</script> 
</html>

檢查上面的代碼！

來源

2014-09-12 16:28:49

再次感謝你的回覆@Raj，我需要驗證另一個javascript中的變量嗎？在我的HTML文件中使用你的代碼，仍然沒有得到任何消息在瀏覽器 – user3409828 2014-09-12 17:19:24

CHK旁邊的密碼字段..我在msg div顯示消息放置它你想要的地方 – 2014-09-12 17:21:11

嗨@Raj，我花費在它仍然不工作，我在這裏粘貼的更大的腳本，我可以向你發送整個腳本，並看看它，也許我把你的代碼放在錯誤的地方，請告訴我，如果我問得太多，我會理解。 – user3409828 2014-09-13 08:46:51

確認密碼驗證

回答

相關問題