触发带有多个提交按钮的表单提交

Question

我有一个带有两个提交按钮的表单，Rails后端希望在params哈希中接收按钮名称之一（ action1或action2 ）。 我想显示“您确定吗？” 消息之一。 我有以下代码：

<form action="/models" id="myform" method="post">
  <input name="action1" id="action1Button" type="submit" value="Make Action 1">
  <input name="action2" type="submit" value="Make Action 2">
</form>

  $('#action1Button').click(function() {
    $('#popup').modal('show');

    // cancel a submit
    return false;
  });

  $('#popupSubmitButton').click(function() {
    $('#myform').submit(); // I want this to trigger action1
  });

  $('#popupCancelButton').click(function(){
    $('#popup).modal('hide');
  });

问题在于，表单提交时，请求中没有提交按钮的名称。 有没有一种方法可以像实际单击“提交”按钮一样提交表单？

Answer 1

使用trigger()触发事件，并且在事件处理程序中，您可以通过检查event.isTrigger来实际检查事件是否被触发

$('#action1Button').on('click', function(e) {
    if (!e.isTrigger) {
        $('#popup').modal('show');
        return false;
    }
});

$('#popupSubmitButton').on('click', function() {
    $('#action1Button').trigger('click');
});

$('#popupCancelButton').on('click', function () {
    $('#popup').modal('hide ');
});

小提琴