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

这里有一个typho 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");
    }
});

jQuery事件无法正常工作

2 个答案: