Déterminez quel bouton a déclenché la soumission

Question

Dans mon formulaire, j'ai deux boutons de soumission.

<input type="submit" name="save" value="Save as draft"/> 
<input type="submit" name="send" value="Start sending" /> 

Maintenant, avant de soumettre le formulaire au serveur, je veux effectuer des tâches spécifiques en fonction du bouton a été cliqué.

$('form').submit(function(){ 
    if submit equals save 
     task 1; 
    elseif submit equals send 
     task 2    
} 

Comment vérifier quel bouton a été enfoncé?

Answer 1

$(":submit").click(function() { 
    $("form").data("submit-button", this.name); 
}); 

$("form").submit(function() { 
    var button = $(this).data("submit-button"); 
    ... 
}); 

Puis extrayez ce nom dans votre gestionnaire de soumission.

Answer 2

$('input').each(function(n) { 
    $(this).click(function() { 
    var name = $(this).attr('name'); 

    if (name === 'save') { 
     // do stuff 
    }else if (name === 'submit'){ 
     // do some other stuff 
    } 
    } 
}); 

Bien sûr, vous pouvez également utiliser une instruction switch.

Si le travail que vous voulez effectuer est complexe et de manière différente, vous devriez envisager d'utiliser 2 formes différentes

J'espère que cela répond à votre question

EDIT:

$('input:submit').click(function(n) { 
    var name = $(this).attr('name'); 
    if (name === 'save') { 
     // do stuff 
    }else if (name === 'submit'){ 
     // do some other stuff 
    } 
    } 
}); 

Answer 3

Si c'était moi, je le ferais un peu différemment. Je ferais quelque chose le long des lignes de -

<button type='button' id='formSave'>Save as draft</button> 
<button type='button' id='formSend'>Start Sending</button> 

$('#formSave').click(function(){ 
    //submit form 
    //task 1 
}); 

$('#formSend').click(function(){ 
    //submit form 
    //task 2 
}); 

Im juste baser ma réponse hors de vos noms de boutons et autres joyeusetés, mais il semble que vous voulez faire quelque chose à ce simliar. Ajouter un gestionnaire de clic sur vos boutons d'envoi qui stocke le nom.

Answer 4

Je suggère d'utiliser l'approche de HurnsMobile, mais si vous avez absolument besoin d'une fonction pour gérer à la fois les boutons, vous pouvez utiliser l'objet événement jQuery pour détecter les boutons,

$('form').submit(function(event){ 
    if(event.target.name == 'save') { 
     // do save task 
    } else if (event.target.name == 'send') { 
     // do send task 
    } 
});