Comment gérer deux boutons Envoyer sur un formulaire?

Question

J'ai deux boutons de soumission et un formulaire. Comment puis-je vérifier quel bouton de soumission a été sélectionné dans mon code jquery?

<% using (Html.BeginForm("UserInfo", "Home", FormMethod.Post, new { id = "formNext" })) { %> 
.... 
<input id="submitHome" type="submit" name="goHome" value="Home" /> 
<input id="submitNext" type="submit" name="getNext" value="Next" /> 
<% } %> 


$(document).ready(function() {  
$('#formNext').submit(function() {  
     //Code Does not work but looking at something like this... 
     //$('#submitHome').click(function() { 
     //  navigate to Home; 
     //}); 
     //$('#submitNext').click(function() { 
     //  return true; 
     //}); 
    }); 
}); 

Answer 1

$('#submitHome').click(function() { 
     //navigate to Home; 
}); 
$('#submitNext').click(function() { 
     return true; 
}); 

Ceux-ci devraient travailler si vous les tirez en dehors de la form.submit(). (En ce moment ces gestionnaires sont attachés après l'envoi du formulaire, ce qui est trop tard puisque le clic a déjà eu lieu)

Answer 2

$(function(){ 
    $(".submitButton").click(function(e){ 
    alert($(this).attr("name")); 
    }); 
});​ 

Working demo behind the link.

Answer 3

Cela devrait fonctionner:

<% using (Html.BeginForm("UserInfo", "Home", FormMethod.Post, new { id = "formNext" })) { %> 
.... 
<input id="submitHome" type="submit" name="goHome" value="Home" /> 
<input id="submitNext" type="submit" name="getNext" value="Next" /> 
<% } %> 


$(document).ready(function() { 
    $('#submitHome').click(function(e) { 
    e.preventDefault(); // prevent the page to do the usuall onclick event (from reloading the page) 
    // navigate to Home; 
    }); 
    $('#submitNext').click(function(e) { 
    e.preventDefault(); 
    // return true; 
    }); 
}); 

Answer 4

Créer deux méthodes d'action et qui gère les deux post séparement cela prend formcollection comme param. Ajoutez deux entrées avec le bouton type = et liez l'événement click avec $ .post à votre méthode d'action avec les valeurs des contrôles de formulaire dont vous avez besoin pour ce post.

Answer 5

Vous pouvez essayer quelque chose comme ça

$(function() { 
var buttonpressed; 
$('input[type=submit]').click(function() { 
     buttonpressed = $(this).attr('name') 
}) 
$('form').submit(function() { 
     alert('button clicked was ' + buttonpressed) 
     buttonpressed='' 
    return(false) 
}) 
}) 

Source: https://forum.jquery.com/topic/determining-which-of-two-submit-buttons-were-clicked-in-a-single-form