Discussion :

[Invité]

Bonjour,

Via un menu (sans balise <a> mais via $.ajax) j'insère un formulaire
dans ma page.
Cependant, je n'arrive pas à gérer la soumission du formulaire
( l'insoumis)


Plus d'explication,
J'ai un menu "Membre", quand je clique sur son sous-menu "Inscrire",
j'affiche le formulaire d'inscription, tout cela sans recharger la
page via ajax. En fait, je fais un "append" de la réponse ajax dans un
<div>. J'ai donc maintenant:

la réponse ajax que j'insère

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div...> 
   <form id="monform" ...> 
      contenu... 
      <input type="submit" ... /> 
   </form> 
</div>

Ou, et comment traiter la sousmission du dit formulaire?


J'ai essayer (via $("#monform").submit(...)) dans et hors $(document).ready(...) mais rien n'y fait.


Auriez-vous des indications à me transmettre sur cette gestion?


Pour info c'est ici


Merci à tous


JLMAG

[Invité]

La réponse:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// Ajout d'un membre 
function add_membre() { 
  $.ajax({ 
           type: "POST", 
           url: "php/membres/add_membre.php", 
           data: "p=membre&a=", 
           success: function(msg){ 
             $(".droite").hide().html(msg).fadeIn(2000); 
             // Gestion Form inscription membre 
             $("#fiche_membre").submit(function(){ 
                  // Gestion soumission 
                  alert("soumission de la fiche d'inscription"); 
                  return false; 
             }); 
           } 
  }); 
  return false; 
};

Il suffit de gérer la soumission dans la fonction de callback de $.ajax

A+