jquery validate: Wie man Fehlerzusammenfassung ein- und ausblendet?

Question

Ich habe einen Fehler Zusammenfassung nach diesem example here:

, während ich es, ich habe keine Ahnung haben, angezeigt bekommen umgesetzt, wie es einmal zu verstecken gibt es noch keine Fehler.

Ich habe fiddle here es zeigen:

Typ in etwas in einem der beiden Felder, während die Fehlermeldungen verschwinden, die Zusammenfassung nach wie vor bleibt. Es muss ein Ereignis geben, das ich abonnieren muss, aber ich kann es nicht herausfinden.

$(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; 
    } 

}); 

Answer 1

Verwenden Sie die errorContainer-Option. Dies wird ein-/auszublenden die angegebenen Elemente, wenn das Formular

errorContainer gültig/ungültig

wird: { "# validation_summary"}

Beispiel ist auf http://jsfiddle.net/eDk2m/7

bearbeiten nach Kommentar

lesen

Es gibt ein Ereignis zum Einhängen - ein gutes Beispiel ist in der custom-methods-demo.html Seite der Plugin-Demos. Es sieht so aus

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