jquery validate（）issue

Question

私はvalidateプラグインをたくさん使っています。 私の現在の設定は、フィールドを含む修正済みの "閉じた"ボックスです。 私は何をしたいのですか？ボックスに記入されていない必須フィールドが含まれている場合、ボックスは提出しようとして開きます。

これは私のコードです：

$("#ftblSubGroupsadd").validate({ 
    invalidHandler: function(form, validator) { 
     alert('Note, a few mandatory fields remain un-answered. You may have to open some closed boxes'); 
     $("label.error").closest("div[class=inside]").css("display","block"); 
     $("label.error").closest("div.boxed").removeClass().addClass('box'); 
    } 
    }); 

とhereはオンラインデモです。

奇妙なことは、初めてサブキットを試してみると、警告（）が表示されます。 あなたはすぐにもう一度submitをクリックしますか？alert（）を取得してから、open/show code関数を実行し、ボックスを開きます。

誰かが私になぜこれが当てはまるのでしょうか？

ありがとうございました！

Answer 1

OK、誰かが別のリストに私を助けて、このコードが動作しているようです：

$("#ftblSubGroupsadd").validate({ 
    showErrors: function(){ 
     this.defaultShowErrors(); 
     //alert('Note, a few mandatory fields remain un-answered. You may have to open some closed boxes'); 
     $("label.error").closest("div[class=inside]").css("display","block"); 
     $("label.error").closest("div.boxed").removeClass().addClass('box'); 
    } 
    }); 

Answer 2

私は問題は、あなたのコードが実行された後にクラスlabel.errorが追加されたことだと思います。なぜなら、初めて正しく実行されなかった理由と、

EDIT - 私は解決策を見つけた（と思う）：フィドルで

$("#ftblSubGroupsadd").validate({ 
    invalidHandler: function(form, validator) { 
     alert('Note, a few mandatory fields remain un-answered. You may have to open some closed boxes'); 
     $.each(validator.currentElements, function(i, el){ 
      if(! validator.element(el)){ 
       $(el).closest("div[class=inside]").css("display", "block"); 
       $(el).closest("div.boxed").removeClass().addClass('box'); 
      } 
     }); 

    } 
}); 

はルック：http://jsfiddle.net/nicolapeluchetti/3Vw4y/4/