如何處理一個表單上的兩個提交按鈕？

Question

我有兩個提交按鈕和一個表單。我如何檢查在我的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; 
}); 

如果你拉他們form.submit以外這些應該工作（）。 （表單提交後，現在的處理程序被連接，這是爲時已晚，因爲已經發生了點擊）

Answer 2

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

Working demo behind the link.

Answer 3

這應該工作：

<% 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

創建兩個行動的方法和seperately處理兩個崗位將formcollection作爲參數。 使用type =按鈕添加兩個輸入，並使用$ .post將click事件綁定到您的操作方法，並使用該帖子所需的表單控件中的值。

Answer 5

你可以嘗試這樣的事情

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

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