Jquery Validation Message central Nombreuses erreurs

Question

J'ai un formulaire qui est valdated avec le plugin Jquery Validation. J'ai réussi à obtenir un message central "Veuillez revérifier le formulaire", et de mettre l'accent sur la première erreur. Pour obtenir ceci, j'ai dû remplacer le message par défaut de chacune des erreurs. Je me demandais si quelqu'un pouvait m'aider à comprendre comment je peux afficher le message d'erreur associé à la première entrée d'erreur au lieu d'un message d'erreur général. Voici le code:

$("#Help-A-Noobie-Form").validate({ 

invalidHandler: function(form, validator) {  
    $(this).find(":input.error:first").focus(); 
    var message = 'Please Recheck The Form' ; 
    $("#Help-A-Noobie-Form #Message p").addClass('red').html(message);   
    }, 

showErrors: function(errorMap, errorList) { 

this.defaultShowErrors(); },

règles: { requis: true, email: {email: true}, téléphone: {chiffres: true}
},

messages: { email: "", téléphone: "", nom: "", prenom: "", nécessaire: "" }} )

Answer 1

$("#Help-A-Noobie-Form").validate({ 
    onfocusout: false, 
    onkeyup: false, 
    showErrors: function(errorMap, errorList) { 
     if (errorList.length > 0) { 
      jQuery('.errors').html('<div id="error" class="erreur">' + errorList[0].message + '</div>'); 
     } 
    }, 
    rules: { 
     email: { email:true }, 
     phone: { digits:true } 
    }, 

    messages: { 
     email: { email: 'please enter a valid email' }, 
     phone: { digits: 'please enter a valid phone' } 
    } 
});