javascript - 使用多个提交按钮触发表单提交

Question

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

<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 ');
});

小提琴