jQuery Girl
  1. jQuery Girl
  3. Jquery soumet un formulaire via .submit () sur le succès d’AJAX… comment?
Intereting Posts
Comment puis-je passer des arguments à un gestionnaire d’événements? Comment append un numéro à un identifiant dans un fichier XSL Comment faire en sorte qu’une div remplisse toujours la fenêtre d’affichage (entièrement sensible) avec le contenu qui la suit immédiatement jQuery cycle plugin avec fonctionnalité AJAX Comment “mentir” à mediaquery? Comment simuler la largeur de la fenêtre? jQuery SlideDown Scintillement dans Firefox Comment faire de twitter bootstrap tab comme assistant de formulaire? Expression régulière pour correspondre à tous les mots d’une requête, dans n’importe quel ordre Comment rendre le nouveau widget Twitter de manière dynamic? Déclencher l’événement de redimensionnement à l’impression notifications push similaires à Facebook avec Rails et jQuery jQuery ajax – change la valeur cible de jQuery avec le formulaire de soumission Afficher le popover à côté de l’icône avec Bootstrap TypeError: $ items n’est pas défini jquery sur chaque jquerymobile refilter

Jquery soumet un formulaire via .submit () sur le succès d’AJAX… comment?

J’essaie d’envoyer toutes les données de formulaire à un script via AJAX en liant une fonction de clic au bouton d’envoi, en lui affectant la valeur false afin que le formulaire ne soit pas encore envoyé. Une fois qu’AJAX a terminé avec succès, j’aimerais soumettre le formulaire en faisant: $("#myform").submit(); Mais rien ne se passe.

Tout fonctionne sauf $("#customOrderForm").submit();

C’est pour un paiement Paypal. Les données de formulaire sont stockées dans une session, les utilisateurs effectuent leur paiement, reviennent sur le site Web une fois le paiement effectué, les données de formulaire sont envoyées par courrier électronique aux clients et à l’entreprise. 

 $("#submit").click(function () { var thedata = $("#customOrderForm").serialize(); $.ajax({ type: 'POST', url: 'buy-custom-session.php', cache: false, data: thedata, beforeSend: function () { $('#sessionholder').append('
loading...
'); }, success: function (data) { //$(".loading").detach(); //$(".error").detach(); //$('#sessionholder').append(data); $("#customOrderForm").submit(); }, error: function () { $('#sessionholder').append('
Oops! Try that again in a few moments.
'); } }); return false; });

FORMULAIRE HTML

Pas d’erreur dans Firebug.

Le succès d’AJAX s’exécute.

À votre santé

Changer le nom et l’id de l’entrée d’image.

Depuis jQuery-docs: Les formulaires et leurs éléments enfants ne doivent pas utiliser de noms d’entrée ni d’identifiants en conflit avec les propriétés d’un formulaire, tels que submit , length ou method. Les conflits de noms peuvent provoquer des échecs confus.

Exemple: http://jsfiddle.net/doktormolle/XNMEF/