jQuery 使用选定的提交按钮继续提交表单

Question

我正在使用 jQuery 拦截表单的提交，并在继续提交之前验证一些事情。问题是页面上有多个具有不同操作的提交按钮，当我在验证后尝试调用form.submit() 时，提交按钮的name 标记丢失/未在请求参数中发送。

我的 HTML 如下所示：

<input type="submit" name="publish" value="Publish">
<input type="submit" name="draft" value="Save as draft">

在咖啡脚本代码中，我正在拦截表单提交：

$('#foo-form').submit (e) ->
  e.preventDefault()
  form = this

  # DO WORK...
  # A callback eventually calls form.submit()

我想以某种方式存储单击了哪个按钮并将其传递给form.submit()。

Answer 1

将click 事件处理程序添加到每个提交按钮，以添加（或更新）带有值的隐藏输入。

function store_submit_value (ev) {
    var $frm = jQuery(this.form);
    var $input = $frm.find("input.submit_value");
    if (!$input.length) {
        $input = jQuery("<input />")
            .attr("type", "hidden")
            .addClass("submit_value")
            .appendTo($frm);
    }
    $input.attr("name", this.name).val(this.value);
}

jQuery("#foo-form").on("click", 'input[type="submit"]', store_submit_value);