Jquery.Validate messaggio di errore in cima al modulo

Question

Mi chiedevo come visualizzare un singolo messaggio di errore sopra il modulo anziché singoli messaggi di campo. Ti piace questa forma ha http://jquery.bassistance.de/validate/demo/marketo/step2.htm

So che ha qualcosa a che fare con le maniglie, ma non esattamente sicuro di come o dove metterli

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

questo è il codice che ho che utilizza tutta la convalida di default

Answer 1

È necessario utilizzare invalidHandler per questa funzionalità. Qualcosa del genere dovrebbe fare:

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

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

Se si desidera nascondere i messaggi di errore di default, è necessario specificare "" come il messaggio di errore per il campo e la convalida del tipo:

$("#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. 
     } 
    } 
}); 

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