javascript - グループを検証するときの奇妙なエラー クリア動作

Question

私はjquery validateを使用しており、グループをセットアップして、必須フィールドのいずれかが無効な場合に1つのエラーメッセージのみを表示するようにしています。エラーは正しくスローされていますが、無効なフィールドが複数あると問題が発生します。何らかの理由で、最初の無効なフィールドがクリアされると、jquery はエラー メッセージをクリアします。まだ修正されていない他の無効なフィールドがある可能性があるという事実を考慮していないようです。グループ内の最後の無効なアイテムがクリアされるまで、エラーメッセージを表示したままにする必要があります。

私が使用しているコードは次のとおりです。

jQuery(function ($) {
    jQuery.validator.messages.required = "Please complete the required fields.";
    $("#quote").validate({
        errorLabelContainer: "#error-note",
        rules: {
            serviceDate: "required",
            recurringBasis: "required"
        },
        highlight: function (element) {
            $(element).parent().prev().prev('span').addClass("error");
        },
        unhighlight: function (element) {
            $(element).parent().prev().prev('span').removeClass("error");
        },
        groups: {
            collecive: "serviceDate recurringBasis"
        }
    });

});

これは、私が話していることを示すのに役立つFiddleです。

「必要なフィールドに入力してください」というグループ エラー メッセージが必要です。グループ内の最後の無効なアイテムがクリアされるまで、置かれたままになります。どんな助けでも大歓迎です。