jquery - タブ付きフォームでのJquery検証

Question

6つのフィールドがあるタブ付きフォームがあります。いずれかのタブがクリックされ、他のタブのフィールドがスタイルを取得すると、各タブで3つのフィールドがアクティブになりますdisplay:none。フィールドをスタイルで検証する方法はdisplay:none？

score 2 · Accepted Answer

何も無視しないようにバリデーターに指示する必要があります（非表示のフィールド、表示されないフィールド）。

ignore:''それをします。

    $("#formId").validate({
        ignore : '',
        rules : {
             ...
        },
        messages : {
            ...
        }
    });

score 0 · Accepted Answer

要素が表示されているかどうかを確認するだけの場合は、

        $(element).is(":visible") or 
        $(element).is(':hidden') or
        $(element).css('display') == 'none'

要素が非表示かどうかにかかわらず戻ります

score 0 · Accepted Answer

宣言してから、次の関数を使用できます。

jQuery.expr[':'].hiddenByParent = function(a) { 
   return jQuery(a).is(':hidden') && jQuery(a).css('display') != 'none'; 
};

非表示のタブ内のフィールドを取得します。

3 に答える 3