jquery - 如何在提交处理程序中提交表单？

Question

我想添加一条确认消息，当用户尝试提交表单时会弹出该消息。我想出了以下内容，但这对我来说似乎是一个黑客。

$('#someform').submit(function () {
  var form = $(this);
  //a hack so that this handler does not fire again, see below
  if (form.attr('data-confirm') == 'disabled') {
    return true;
  }

  showConfirmPopup({
    message: "Are you sure?",
    success: function () {

      form.attr('data-confirm', 'disabled');
      form.submit();

      hideConfirmPopup();
    }
  });

  return false;
})

});

因此，当用户提交表单时，此处理程序将捕获事件并阻止、显示弹出窗口并阻止表单提交（通过返回false）。当用户确认时，成功处理程序将所有表单提交方法，我们的处理程序将再次触发，但这一次它会返回true并提交表单。

这可以在不写data-confirm属性的情况下实现吗？

Answer 1

在这种情况下，您可以在成功回调中简单地处理unbind您的submit处理程序，然后重新提交表单。这样的事情应该可以解决问题：

...
success: function () {
    hideConfirmPopup();
    form.unbind('submit').submit();
}

Answer 2

简单的有什么问题：

$('#someform').submit(function () {
  var submitForm = false;
  showConfirmPopup({
    message: "Are you sure?",
    success: function () {
      submitForm = true;
      hideConfirmPopup();
    });
  return submitForm;
});

我假设这showConfirmPopup是同步的。