En utilisant la méthode submitHandler de plugin validation jQuery correctement

Question

d'abord un peu de documentation du plug-in de validation jQuery:

« Utilisez submitHandler pour traiter quelque chose et puis en utilisant la valeur par défaut de soumettre Notez que. « Forme » fait référence à un élément DOM De cette façon, la validation n'est plus déclenchée. "

submitHandler: function(form) { 
    $.ajax({ 
     type: 'POST', 
     url: form.action, 
     data: 'current_password=' + form.current_password + '&new_password=' + form.new_password, 
     success: function(){ 
      alert("succes"); 
     } 
    }); 
} 

Donc, naturellement, mon ingénieux morceau de code ne fonctionne pas. J'essaie d'accéder à l'attribut 'action' et aux deux champs de saisie de l'objet formulaire, sans aucune chance. Comment suis-je censé faire ça?

Answer 1

Essayez ceci:

submitHandler: function(form) { 
    $.ajax({ 
     type: 'POST', 
     url: $(form).attr('action'), 
     data: { current_password : form.current_password.value, 
       new_password: form.new_password.value } 
     success: function(){ 
      alert("succes"); 
     } 
    }); 
} 

Actuellement au lieu de soumettre les valeurs des éléments qu'il appelle littéralement toString sur eux, donc il suffit d'ajouter .value pour obtenir les valeurs. En outre, nous passons data en tant qu'objet ici afin qu'il soit codé, sinon si par exemple le mot de passe avait un &, la publication ne serait pas correcte.