0

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

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

あなたが私の小さな問題に光を当てることができるかもしれないどんな助けでも大いに感謝されるでしょう。前もって感謝します。

4

2 に答える 2

3

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

$がありません。

私はそれだと思います、if($("#r_password").val() != $("#r_vpassword").val())

于 2012-05-07T07:19:58.747 に答える
2

HIya demo 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-07T07:25:16.200 に答える