jquery - 以编程方式提交带有多个按钮的表单

Question

我有一个带有两个按钮的表单。我使用 POST 数据中元素的 name 属性检查在服务器端单击了哪一个，并相应地执行操作:

<input id="reply" name="reply" type="submit" value="{%trans "REPLY"%}">
<input id="delete" name="delete" type="submit" value="{%trans "DELETE"%}">

我正在尝试使用 JQuery 将确认框(使用 Boxy 插件)添加到 DELETE 按钮的点击事件。这是代码:

$(document).ready(function()  {
    $("#delete").click(function(e){
            Boxy.ask('Delete?', {'1':'YES', '2':'NO'}, function(val){
                if (val=='1') $("#form").submit();
            });
        return false;
    });     
});

当然，此代码会导致提交表单时 POST 数据中不存在 DELETE 按钮的名称。有没有办法将该数据添加到 POST 数据中，或者有更好的方法来实现我正在尝试的目标？

Answer 1

您可以使用命名空间事件，在确认时取消绑定(bind)，然后重新触发:

$(document).ready(function() {

  var $delete = $("#delete");

  $delete.bind("click.guard", function() {
    Boxy.ask("Delete?", {"1": "YES", "2": "NO"}, function(val) {
      if (val == "1") {
        $delete.unbind("click.guard").click();
      }
    });
    return false;  
  });

});