2013-04-02 246 views
3

我有一个带有2个提交按钮的表单。如何通过JQuery提交表单时点击提交按钮

<form class="myForm"> 
    <!-- Some Inputs Here --> 
    <input type="submit" name="firstSubmit" value="first submit" /> 
    <input type="submit" name="secondSubmit" value="second submit" /> 
</form> 

我通过JQuery提交此表单。

$(".myForm").submit(function(){ 
     var submitButton = ? //I need to catch the submit button that was clicked 
}); 

如何知道哪个提交按钮被点击?

+1

长相酷似http://stackoverflow.com/questions/3577469/form-onsubmit-determine-which-submit-button-was-pressed –

+0

http://stackoverflow.com/questions/5721724/jquery如何得到哪个按钮被点击的表单提交 对此的答案是链接的主题上的最佳答案。 – Swapnull

回答

9
$('input[type="submit"]').on('click', function(){ 
     $('.myForm').data('button', this.name); 
}); 

$(".myForm").on('submit', function(){ 
    var submitButton = $(this).data('button') || $('input[type="submit"]').get(0).name; 
}); 
+0

使用'.submit()'是必须的,无论如何要使用它提交按钮? –

+0

@AliBassam - 当然,只需将点击的按钮存储在数据()中。 – adeneo

+0

这比我见过的选择好得多,如果按下回车键,这甚至会默认为第一个按钮的名称。虽然真的,这应该是使用/提交按钮的值,而不是它的名字。 – Triynko

相关问题