0 
$(':submit').click(function(e) {
    $('.requiredField :input').each(function() {
        if ('input[type=text]'){
            if($(this).val().length === 0) {
                $(this).addClass('warning'); //
                var errorMsg = $('<br /> Please Fill all the Fields').addClass('warning');
                errorMsg.insertAfter('.requiredField .textbox');
            }
        }
    });
    e.preventDefault(); //preventing form submission
});

この関数から必要なのは、空のテキストボックスごとにエラーメッセージを表示することだけですが、代わりに次のようなことを行います: 2 つの空のテキストボックスがある場合、すべてのテキストボックス x 2 でエラーが発生しますか? 助けてください？

4

1 に答える 1

1
  1. 最初のチェックはif ('input[type=text]'){実際には意味がありません。

  2. この線：

    errorMsg.insertAfter('.requiredField .textbox');

    そのクラスのすべてのインスタンスの後にエラーメッセージを挿入します。あなたはおそらく次の線に沿ってもっと何かが欲しいでしょう：

    errorMsg.insertAfter(this);

    HTMLを見ずに必要なものを確実に言うことはできませんが、あなたが持っているものが実際に必要なものではないことを保証できます。

于 2013-02-25T20:22:10.730 に答える