使用不同的提交按钮提交表单

Question

我有一个可以使用不同的提交按钮发送的表单：

<form id="my_form">
  <button type='submit' name='first_button'>
  <button type='submit' name='second_button'>
<form>

我已经通过jquery创建了处理程序onclick，用于阻止默认操作的提交按钮，并且做了一些工作但我需要提交此表单。

如果我只是模拟点击按钮 - 触发onclick的所有操作都会再次运行。

如果我使用以下代码，它将只激活第一个按钮的提交：

$("#my_form").get(0).submit();

那么如何根据点击的按钮以不同方式发送表单？

Answer 1

阻止默认表单提交。

$("#my_form").submit(function(e){
    return false;
});

//向btns添加id或class更好.. //将不同的事件列表器添加到将执行提交操作的按钮

$("[name='first_button']").on('click', function(){...});

$("[name='second_button']").on('click', function(){...});