Jquery.Validate Fehlermeldung oben auf Formular

Question

Ich frage mich, wie eine einzelne Fehlermeldung über das Formular anstelle von einzelnen Feldmeldungen angezeigt werden. wie diese Form http://jquery.bassistance.de/validate/demo/marketo/step2.htm

hat ich weiß, dass es etwas mit Griffen, aber nicht ganz sicher, wie oder wo sie zu setzen

<script> 
    $(document).ready(function(){ 
    $("#valform").validate(); 
    }); 
    </script> 

dies ist der Code ich habe zu tun hat, dass alle Validierung verwendet standardmäßig

Answer 1

Sie sollten invalidHandler für diese Funktionalität verwenden. So etwas sollte tun:

$("#myform").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 

     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    } 
}); 

Beispiel:http://jsfiddle.net/KheRr/1/

Wenn Sie die Standardfehlermeldungen ausblenden möchten, können Sie "" als Fehlermeldung für das Feld und Validierung angeben sollen:

$("#myform").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 

     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    }, 
    messages: { 
     field1: { 
      required: "" // You'll have to do this for each field and validation type. 
     } 
    } 
}); 

Beispiel:http://jsfiddle.net/KheRr/2/