jqueryの検証で1つのコンテナ内のすべてのエラーメッセージを一覧表示する

Question

フィールドの横ではなく、フォーム上のコンテナに検証メッセージを追加します。これまでのところ、私はこれまでのところほとんどの部分で機能しています。ユーザがフィールドに無効な情報を入力すると、検証メッセージがリストのコンテナに追加されます。問題は、ユーザーがフィールドに行き、有効なデータを入力すると、エラーリスト全体が非表示になり、エラーのあるフィールドをクリックするまで戻りません。表示されたままにするにはエラーリストが必要です。ユーザーがフィールドを修正すると、対応するメッセージは消えます。私は私の.validate

$("#myform").validate({ 
    onSubmit : false, 
    errorContainer : '#message', 
    errorLabelContainer : '#message', 
    errorElement : "li", 
}); 

の設定方法ここで

であり、それに応じて、私はこの作品を作るにはどうすればよいのid「エラー」

と私のフォーム上にULがありますか？

Answer 1

あなたは隠されたエラーコンテナにエラーを追加することができます

.html(summary) 

でプラグイン

var summary = "";  
    jQuery.each(errorList, function() { summary += this.message + '<br />' +"\n"; }); 

のerrorList機能を使用して、独自のエラー配列を作成することができます。ここでの関連する部分であります最近のプロジェクトのコード：

$("#commentForm").validate({ 
      showErrors: function(errorMap, errorList) { 
       if (submitted) { 
        var summary = ""; 
        jQuery.each(errorList, function() { summary += this.message + '<br />' +"\n"; }); 
        var errorContainer = jQuery('#myErrorContainer'); 
        errorContainer.fadeIn().html(summary); 
        submitted = false; 
       } 
      },