2016-06-29 5 views
0

を入力中Javascriptが誰かがここでエラー私はそのが機能していない、しかし、入力中のパスワードの一致を検証しようとしています

は、あなたがする必要があるコード

<!DOCTYPE html> 
<html> 
<head> 
<title>password change </title> 
<script> 
$(document).ready(function() { 
    $("#txtConfirmPassword").keyup(checkPasswordMatch); 
}); 
function checkPasswordMatch() { 
    var password = $("#txtNewPassword").val(); 
    var confirmPassword = $("#txtConfirmPassword").val(); 

    if (password != confirmPassword) 
     $("#divCheckPasswordMatch").html("Passwords do not match!"); 
    else 
     $("#divCheckPasswordMatch").html("Passwords match."); 
} 
</script> 
</head> 
<body> 
<div class="td"> 
    <input type="password" id="txtNewPassword" /> 
</div> 
<div class="td"> 
    <input type="password" id="txtConfirmPassword" /> 
</div> 
    <div class="registrationFormAlert" id="divCheckPasswordMatch"> 
</div> 
</body> 
</html> 
+0

_「その機能していません」_ - どのようにしてですか?エラーメッセージが表示されますか?それは間違っていますか?詳細をお知らせください。 –

答えて

1

である私に教えてくださいすることができ、パスワードを検証しますそれを使用するためにJQueryへの参照を含めてください。

<!DOCTYPE html> 
<html> 
<head> 
<title>password change </title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    $("#txtConfirmPassword").keyup(checkPasswordMatch); 
}); 
function checkPasswordMatch() { 
    var password = $("#txtNewPassword").val(); 
    var confirmPassword = $("#txtConfirmPassword").val(); 

    if (password != confirmPassword) 
     $("#divCheckPasswordMatch").html("Passwords do not match!"); 
    else 
     $("#divCheckPasswordMatch").html("Passwords match."); 
} 
</script> 
</head> 
<body> 
<div class="td"> 
    <input type="password" id="txtNewPassword" /> 
</div> 
<div class="td"> 
    <input type="password" id="txtConfirmPassword" /> 
</div> 
    <div class="registrationFormAlert" id="divCheckPasswordMatch"> 
</div> 
</body> 
</html> 
関連する問題