jQuery submit() 不包含提交按钮

Question

我有一个包含多个元素和两个提交按钮的表单，一个是“保存”，另一个是“删除”。在“删除”按钮上，我使用 jQuery 对话框来确认用户想要删除。然后，如果他们确认，我提交表格。问题是 jQuery.submit() 在发布时不包含原始提交按钮，因此我无法在服务器上区分删除和保存，因为它们都使用相同的表单。如果我删除 jQuery 对话框，则提交按钮值按预期发布。这必须非常普遍，我希望有人可以分享解决方案。我四处搜索，找不到任何有用的东西（是我自己还是谷歌最近很烂？）

感谢您的帮助...

编辑：

提交按钮确实设置了名称和值。如果不使用 jQuery.submit() 效果很好

Answer 1

根据 karim79 的回答：

$("input[type=submit], input[type=button], button").click(function(e) {
    var self= $(this),
        form = self.closest(form),
        tempElement = $("<input type='hidden'/>");

    // clone the important parts of the button used to submit the form.
    tempElement
        .attr("name", this.name)
        .val(self.val())
        .appendTo(form);

    // boom shakalaka!
    form.submit();

    // we don't want our temp element cluttering up the DOM, do we?
    tempElement.remove();

    // prevent default since we are already submitting the button's form.
    e.preventDefault();
});

---

更新：

我刚刚意识到上面的代码可能不是你要找的：

如果您在表单元素本身 ($("form").submit();) 上调用提交，您将需要这样的东西：

$("form").submit(function(){
    var form = $(this);
    $("input[type=submit], input[type=button], button", form).eq(0).each(function(){
        var self= $(this),
            tempElement = $("<input type='hidden'/>");

        // clone the important parts of the button used to submit the form.
        tempElement
            .attr("name", this.name)
            .val(self.val())
            .appendTo(form);
    });
});

这会在表单提交之前将 first 按钮元素的名称和值添加到 DOM（我不确定这里的默认浏览器行为是什么）。请注意，这不会从 DOM 中删除 tempElement。如果出现错误并且未提交表单，则该元素将保留，如果您不注意这一点，您将遇到问题。

Answer 2

提交按钮数据只有被点击才会提交。因此，如果有人按下回车键而不是点击提交按钮，你也会很不走运。

我强烈建议从表单中删除删除按钮，因为它可能不需要大部分表单信息（仅需要您要删除的数据记录的 ID），将其更改为按钮（使用type="button") 提交不同的表单，或者如果可以的话，在此处放置一个链接。 （该链接指向删除页面 - 无论如何，出于可用性原因，这会更好，因为它会从删除选项中移除焦点，并降低用户意外点击删除按钮的风险。）

Answer 3

这种事情可以通过以某种方式合并一个'action'参数来解决，它告诉服务器提交的目的是什么。例如，假设您的表单是通过 GET 提交的：

$("form :input").click(function() {
    var $form = $(this).closest("form");
    var submitTo = $form.attr("action") + '?action=' + $(this).val();
    alert(submitTo);
    // window.location.href = submitTo;
    return false;
});

http://jsfiddle.net/karim79/JT3GV/5/