Impossible de soumettre le formulaire généré

Je souhaite soumettre un formulaire créé dynamicment (via un formulaire précédent) à l’aide d’AJAX, mais je ne parviens pas à le faire fonctionner correctement. Le formulaire généré a le format indiqué et est créé avec succès.

HEADER

CONTENT GOES HERE

Les fonctions utilisées pour générer le formulaire, puis actualiser le contenu, sont ici. À l’heure actuelle, la fonction $('#formCELL').submit(function(event) n’est pas entrée lorsque le bouton d’actualisation est cliqué.

 $(document).ready(function() { $('#formMAIN').submit(function(event) { //formCELL is generated here through AJAX call..... }); $('#formCELL').submit(function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); }); }); 

Je suppose que le problème vient du fait que ma fonction d’envoi est dans $(document).ready , que le formulaire que je veux actualiser n’a pas encore été créé, mais je ne sais pas comment continuer. d’ici.

Essayer:

 $(document).on('submit', '#formCELL', function(event) { ... }); 

Je crée un jsFiddle pour vous: JsFiddle

Je modifie le jsFiddle en fonction de vos besoins. Maintenant, le premier formulaire génère un deuxième formulaire géré par la fonction d’envoi seconf

Tu as raison. Déplacez le deuxième gestionnaire de soumission dans le premier, après la création du formulaire, comme suit:

 $(document).ready(function() { $('#formMAIN').submit(function(event) { $.ajax(....).done(function(result) { //formCELL is generated here ... $('#formCELL').submit(function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); }); } }); }); 

$ (document) .ready (fonction () {

 $('#formCELL').submit(); $('#formCELL').on('submit', function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); }); 

});

Essaye ça

 $(document).delegate('#formCELL','submit',function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); });