Puis-je déterminer quel bouton a été cliqué pour déclencher un événement onSubmit?

Question

J'ai un gestionnaire onsubmit ajouté à une forme comme ceci:

$('#content_form').bind('submit',function(e) { 

     source = $(e.target).attr('name'); 
     alert(source); 
     return false; 
    }); 

= si e.target l'élément de forme. J'utilise plusieurs boutons de soumission, et j'ai besoin de déterminer lequel a été cliqué (dans les navigateurs modernes, le bouton cliqué est le seul qui le soumet, je le fais pour IE6 compat - il soumet les valeurs de tous les boutons) . Mon seul pensait à tuer tous les événements de sous-diffusion, puis attacher les événements de clic aux boutons eux-mêmes. Cela tuerait complètement la fonctionnalité de formulaire si javascript n'était pas activé, donc je voudrais éviter cela.

Answer 1

Une implémentation facile (mais peut-être naïve) consisterait à faire en sorte que le gestionnaire onclick pour chaque bouton définisse un champ indiquant lequel a été le dernier cliqué. Dans votre gestionnaire de soumission, vous pouvez ensuite vérifier la valeur de ce champ.

Answer 2

$('#content_form input:submit').bind('click', function(e) { 
    $('#content_form').submit(); 

    // you can now reference this or $(this), 
    // which should contain a reference to your button 
}); 

Answer 3

Avez-vous vérifié le jQuery Form Plugin? Il gère les formulaires de soumission via ajax très bien et va gérer ce problème (avec beaucoup d'autres) pour vous.

Answer 4

autre chose que vous pouvez faire est d'utiliser preventDefault(); au lieu de return false