combinant les plugins jquery validate et ajaxForm

Question

Je n'avais que la validation et l'ajaxform fonctionnant correctement, mais lorsque j'essaie de combiner le formulaire, cela ne fonctionne pas correctement. Je ne suis pas familier avec JQuery et je pense que la syntaxe est fausse quelque part. Quelqu'un peut-il repérer ce que je fais mal?

Le formulaire prend deux tentatives avant de valider, puis le formulaire envoie mais ne donne aucune réponse.

// préparer la forme lorsque le DOM est prêt $ (document) .ready (function() {var options = { cible: '# output1', // élément cible (s) à jour avec réponse du serveur beforeSubmit: showRequest, // pré-soumettre rappel succès: showResponse // post-rappel soumettre };

// forme liaison à l'aide 'ajaxForm' $ ('# forme webcheck') ajaxForm (. options); });

Fonction showRequest() { $ ("form # webcheck"). Validate(); jQuery.validator.messages.required = jQuery.validator.messages.email = ""; jQuery.validator.messages.required = jQuery.validator.messages.telephone = ""; jQuery.validator.messages.required = jQuery.validator.messages.name = ""; }

La fonction showResponse() { alert ('Merci pour votre commentaire!'); }

Answer 1

$(document).ready(function() { 
    var options = { 
     //target:  '#response', // target element(s) to be updated with server response 
     beforeSubmit: showRequest, // pre-submit callback 
     success:  showResponse // post-submit callback 
    }; 

    // bind form using 'ajaxForm' 
    $('form#webcheck').ajaxForm(options); 
}); 

function showRequest(){ 
    jQuery.validator.messages.required = jQuery.validator.messages.email = ""; 
    jQuery.validator.messages.required = jQuery.validator.messages.telephone = ""; 
    jQuery.validator.messages.required = jQuery.validator.messages.name = ""; 
    $("form#webcheck").validate().form(); 

} 

function showResponse(){ 
    alert('Thanks for your comment!'); 
}