jQueryイベントが正常に機能しない

Question

私はすべての質問の前に試してみると、私はこの全部が初めてです。それが言われている。私はパスワードのいくつかのクライアント側の検証に取り組んでいます。私は、パスワードが一致しない場合、またはいずれかのフィールドがぼかしで空白の場合、画像でスパンを埋めるスクリプトを作成しようとしています。パスワードが一致していることを私が知っていても表示することができませんでした。ここでは、関連するコードは次のとおりです。

HTML：

<div class="loginRow"> 
     <div class="loginCell"><label for="r_password">Password:</label></div> 
     <div class="loginCell"><input type="password" name="r_password" id="r_password"></div> 
     <div class="loginCell"><span id="r_passwordFeedback"></span></div> 
    </div> 
    <div class="loginRow"> 
     <div class="loginCell"><label for"r_vpassword">Verify Password</label></div> 
     <div class="loginCell"><input type="password" name="r_vpassword" id="r_vpassword"></div> 
     <div class="loginCell"><span id="r_vpasswordFeedback"></span></div> 
    </div> 

のjQuery：

$("#r_password").blur(function() { 
    if ($("#r_password").val() != $("#r_vpassword").val()) { $("#r_passwordFeedback").html(deleteImg + "Passwords do not match"); } 
    else if ($("#r_password").val() || $("#r_vpassword").val() === "") { $("#r_passwordFeedback").html(deleteImg + " Required"); } 
    else { $("#r_passwordFeedback").html(acceptImg); } 
}); 
$("#r_vpassword").blur(function() { 
    if($("#r_password").val() != ("#r_vpassword").val()) { $("#r_passwordFeedback").html(deleteImg); } 
    else if($("#r_password").val() || $("#r_vpassword").val() === "") { $("#r_passwordFeedback").html(deleteImg); } 
    else { $("#r_passwordFeedback").html(acceptImg); } 
}); 

あなたは私の小さな問題を照らすことができるかもしれない任意の助けもいただければ幸いです。前もって感謝します。

Answer 1

ここにタイポがありますif($("#r_password").val() != ("#r_vpassword").val())です。

$がありません。

私はその、if($("#r_password").val() != $("#r_vpassword").val())

Answer 2

HIya デモhttp://jsfiddle.net/dTEVF/8/別異なるバージョンだと思う - 私はあなたの場合は検証フレームワークを使用してみてください勧告することができる場合は、

を入力し、一致http://jsfiddle.net/Bjc8t/（ジャスト共有考える）ことができますロールに大きなアプリケーションがあります！少し余分に何を尋ねたが、ここであなたはそれを試してみるに行く：http://jsfiddle.net/W5RaU/ :)

jqueryのコード

$("#r_password").blur(function() { 
    if ($("#r_password").val() != $("#r_vpassword").val()) { 
     $("#r_passwordFeedback").html("Passwords do not match"); 
    } 
    else if ($("#r_password").val() === "" || $("#r_vpassword").val() === "") { 
     $("#r_passwordFeedback").html(" Required"); 
    } 
    else { 
     $("#r_passwordFeedback").html("matches"); 
    } 

}); 

$("#r_vpassword").blur(function() { 
    if ($("#r_password").val() != $("#r_vpassword").val()) { 
     $("#r_passwordFeedback").html("not matching image"); 
    } 
    else if ($("#r_password").val() === "" || $("#r_vpassword").val() === "") { 
     $("#r_passwordFeedback").html("empty"); 
    } 
    else { 
     $("#r_passwordFeedback").html("password match"); 
    } 
});​