jQuery事件不起作用，因爲它應該

正如我在我所有的問題之前說 - 我是新來的整個事情。這就是說。我正在對密碼進行一些客戶端驗證。如果密碼不匹配，或者任何一個字段在模糊處留白，我都會嘗試製作一個腳本來填充圖像的跨度。即使當我知道他們這樣做時，我也無法讓它顯示密碼匹配。下面是相關代碼：jQuery事件不起作用，因爲它應該

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); } 
});

你也許能照亮我的小問題任何幫助將非常感激。提前致謝。

來源

2012-05-07 FireCrakcer37

這裏有一個颱風if($("#r_password").val() != ("#r_vpassword").val())。

$缺失。

我認爲它，if($("#r_password").val() != $("#r_vpassword").val())

來源

2012-05-07 07:19:58

是「typho」一tyop或一個聰明的笑話嗎？ –

好的。愚蠢的小錯別字似乎讓我一直都在。謝謝:) – FireCrakcer37

@ mu太短它的另一個'tyop' :) – 2012-05-11 13:26:56

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"); 
    } 
});

來源

2012-05-07 07:25:16

jQuery事件不起作用，因爲它應該

回答

相關問題