-1

jQuery を使用してフォームを検証する必要がありonsubmit()、2 つのテキスト ボックスの値が両方とも null でない場合は、それらの下にエラーを表示します。

HTML:

<input id="actual" type="text" value="#" />
<input id="real" type="text" value="#" />
<input id="submit" type="submit" value="submit" />

jQuery:

$("[value='Submit']").click(function(event) {
    if (($("#actual").val() != null) && ($("#real").val() != null)) {
        // What do I do here?
    }
});
4

1 に答える 1

0

最初: if 構文が完全に間違っています。2 番目のポイントは、同じ要素の値を 2 回チェックすることです。

エラーをスローするとはどういう意味ですか? 実際に例外をスローしますか？これは次のように行います。

if($("#first_textbox").val() != null && $("#second_textbox").val() != null) {
    throw new Error("Both textboxes are empty.")
}

または、エラー スタイルのクラスをテキスト ボックスにラップしますか?

if($("#first_textbox").val() != null) {
    $("#first_textbox").addClass('error');
}

if($("#second_textbox").val() != null) {
    $("#second_textbox").addClass('error');
}

もちろん、スタイルのようなエラーを追加する CSS クラスを宣言する必要があります。次のようなスタイルを作成できます。

.error {
    border-color: #8B1A1A;
}

また、入力ボタンの値の部分に一致するセレクターにクリック ハンドラーを追加しないでください。

$("[value='Submit']")使用する代わりに$('input[type="submit"]')

更新しました

于 2013-03-21T14:41:30.627 に答える