グループを使用したjqueryフォームの検証

Question

私は注文書式を持っています。書式の1部が住所です。それは会社、ストリートアドレス、ZIP、タウン、カントリーが含まれており、必要なすべてのフィールドで簡単なjqueryフォームの検証が行われ、番号についてはZIPが検証されます。今私が望むのは、それらをグループ化し、成功したときに「有効なアドレス」を表示するか、エラーのときに「アドレスを間違えて」表示するフィールドだけです。

これは私のJSコードの一部です：

$("#pageform").validate(
{ 
    messages: { 
     company_from:  addressError, //addressError is a JS var for the error message 
     street_from:  addressError, 
     zip_from:   addressError, 
     town_from:  addressError, 
     country_from:  addressError 
    }, 
    groups: { 
     from: "company_from street_from zip_from town_from country_from" 
    }, 
    errorPlacement: function(error, element) { 
     if (element.attr("name") == "company_from" 
     || element.attr("name") == "street_from" 
     || element.attr("name") == "zip_from" 
     || element.attr("name") == "town_from" 
     || element.attr("name") == "country_from" 
     ) 
     { 
     $("#error_from").append(error); 
     } 
    }, 
    success: function(label) { 
     var attribute = $(label[0]).attr("for"); 
     $(".err-ok-" + attribute + " .ok").css("display", "block").css("visibility", "visible"); 
    } 
} 
); 

これは、対応するHTMLコードの一部です：

<input type="text" name="company_from" id="company_from" class="required default input-s8" maxlength="255" /> 
<input type="text" name="street_from" id="street_from" class="required default input-s8" maxlength="255" /> 
<input type="text" name="zip_from" id="zip_from" class="required digits default input-s8" maxlength="5" onblur="checkCalculation()" /> 
<input type="text" name="town_from" id="town_from" class="required default input-s8" maxlength="255" /> 
<!-- and a select list for the country --> 

あなたは、私が示してどのように詳しく見ていく必要はありませんエラーなど、私の問題は、その私はいつエラーラベルと成功ラベルを表示するか分からない。 ZIPコードの文字を入力すると、errorPlacement関数とsuccess関数が呼び出されます（errorPlacementが最初に呼び出されます）。したがって、少なくとも1つのフィールドが正しい場合、常に成功を呼び出すと思います。

Answer 1

がルール

rules: { 
    company_from: "required", 
    company_from: "required", 
    zip_from: "required", 
    town_from:"required", 
    country_from:"required" 
    },