conflits de validation jQuery avec la soumission du formulaire Ajax

Question

Possible en double:
jQuery validation: some of the required field not filled but the form can still be submitted

je validation jquery (http://bassistance.de/jquery-plugins/jquery-plugin-validation/) pour la validation de formulaire:

HTML:

<form id="formID" action="/processForm" method="post"> 
    ... 
    <input type="submit" value="Submit" /> 
</form> 

jQuery:

$("#formID").validate({ 
    onkeyup:false, 
    rules: { 
    ... 
    }, 
    messages: { 
    ... 
    } 
}); 


// Submit the form by Ajax 
$(document).ready(function() { 
    $('.formID').ajaxForm({ 
    success: function(returnData) { 
     $('#content').html(returnData); 
    } 
    }); 
}); 

Maintenant, la forme semble être soumis par la fonction validate(), et non par la fonction Ajax.

Comment utiliser la fonction Ajax?

Answer 1

essayer ce JS:

$('#formID').on('submit',function(){ 

// call your function which send AJAX reuest 
// Or code of sending ajax reauest 

return false; 

}) 

Answer 2

Maintenant, la forme semble être soumis par la fonction validate(), non par la fonction Ajax. Comment utiliser la fonction Ajax?

C'est parce que le plug-in validate() a déjà un submitHandler: intégré. Voici comment l'utiliser correctement et éviter les conflits potentiels entre plusieurs fonctions agissant sur le même événement submit.

$(document).ready(function() { 

    $("#formID").validate({ 
     onkeyup:false, 
     rules: { 
     ... 
     }, 
     messages: { 
     ... 
     }, 
     submitHandler: function(form) { 
      form.ajaxForm({ 
       success: function(returnData) { 
        $('#content').html(returnData); 
       } 
      }); 
     } 
    }); 

});