2013-01-10 14 views
5

エラーサマリを実装しました。このエラーサマリを実装しました。このエラーサマリは表示されていますが、エラーが残っていないと隠す方法はありません。エラーメッセージが離れて行く一方で、要約はまだ残っている、二つのフィールドのいずれかに何かでjquery validate:エラーサマリーの表示と非表示を切り替えるにはどうすればいいですか?

タイプ:

は、私はそれを証明する fiddle hereを持っています。購読する必要のあるイベントが必要ですが、わかりません。

$(document).ready(function() { 

    var validator = validation_rules('#myform'); 
    validator.form(); 

    function validation_rules(form) { 

    $.validator.addClassRules("fillone", { 
     require_from_group: [1, ".fillone"] 
    }); 

    var validator = $(form).validate({ 
     errorPlacement: function (error, element) { 
     var field_error = $(form).find('#id_' + element.attr('name')).siblings('.field_error'); 
     if (field_error.length > 0) { 
      error.appendTo(field_error); 
     } 

     $(field_error).show(); 
     }, 
     invalidHandler: function() { 
     $("#validation_summary").text(validator.numberOfInvalids() + " field(s) are invalid"); 
     } 

    }); 
    return validator; 
    } 

}); 

答えて

4

errorContainerオプションを使用します。 { "#のvalidation_summary"}

の例では、コメント

を読んだ後 http://jsfiddle.net/eDk2m/7

編集である:これは、フォームが有効/無効

errorContainerになったときに指定した要素を非表示/表示されます

プラグインデモのcustom-methods-demo.htmlページには良い例があります。このように見える

var validator = $("form").bind("invalid-form.validate", 
function() { 
var errorCount = validator.numberOfInvalids(); 
// do other stuff here 
}).validate({...}); 
+0

これは良い解決策です。私の+1。タブヘッダーを赤色にして、エラーが消えたら赤色を取り除くために、私がフックできる機能があることを期待していました。このフィドルのように:http://jsfiddle.net/houmie/Nf8xY/6/エラーがあるときにTAB Bを赤にし、エラーがないときにスタイルを削除する方法があると思いますか?文句を言うイベント? – Houman

+0

イベントがあります。それは "invalid-form.validate"です。私はいくつかのコードをフォーマットすることができるように答えを編集します –

+0

私は正しい方向に私を助けてくれてありがとう。それでも問題は残っています。私は新しい質問を始めることをお勧めします。 – Houman

関連する問題