jQuery提交'this'表单

Question

我正在尝试提交表单,一旦用户已经接受他们想继续通过jQuery UI对话框.

<form method="POST" action="url" onsubmit="return APP.dom.confirm(this);">
   <button type="submit" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
</form>

我的APP.dom.confirm方法看起来像:

 confirm: function(form) {
    $("#dialog-confirm").dialog({
       modal: true,
       buttons: {
          "Confirm": function() {
             $(form).submit();
          },
          "Cancel": function() {
             $(this).dialog("close" );
          }
       }
    });

    return false;
 }

这是有效的,但是当他们点击确认我想要提交表单时.

$(form).submit();

这不起作用.记录下来我得到了上面的HTML.我试过各种变化,但无济于事:

$(form).clostest('form').submit();

我该如何提交this？

Answer 1

更改

$(form).submit();

至

form.submit();

当您调用submitjQuery对象时,它会再次调用您的提交处理程序.直接在DOM元素上调用它不会.

示例(有趣的是,Stack Snippets不会让我提交表单,甚至不能使用target ="_ blank"):

var nesting = 0;
function submitHandler(form) {
  var which = $(form).find("input[type=radio]:checked").val();
  ++nesting;
  if (nesting > 5) {
    snippet.log("Nested to 5, gave up");
  } else {
    if (which === "jQuery") {
      snippet.log("Calling via jQuery, nesting = " + nesting);
      $(form).submit();
    } else {
      snippet.log("Calling via DOM, nesting = " + nesting);
      form.submit();
    }
  }
  --nesting;
  return false;
}

<form id="the-form"
      onsubmit="return submitHandler(this);"
      action="http://www.google.com/search"
      target="_blank"
      method="GET">
  <input type="text" name="q" value="kittens">
  <div>
    <label>
      <input type="radio" name="opts" value="jQuery"> Submit with jQuery
    </label>
  </div>
  <div>
    <label>
      <input type="radio" name="opts" value="DOM"> Submit with DOM
    </label>
  </div>
  <button>Submit</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>