如何强制提交 - 提交事件中的异步代码

Question

我试图强制提交我的表单，问题是我使用bootboxjs （使用异步代码）在提交之前进行确认对话框，这正是我想要的，所需的输入也以这种方式验证。

这是我的 JS 代码的结构：

$("#myForm").submit(function(e){
  bootbox.confirm({
    message: "Are you sure?",
    buttons: {
        confirm: {
            label: 'Yes',
            className: 'btn-danger'
        },
        cancel: {
            label: 'NO, STOP!',
            className: 'btn-primary'
        }
    },
    callback: function (result){
      if (result)
      {
        // Some code to set values to hidden inputs and another irrelevant stuff...
        // The right command (that I didn't know) to force the form
      }
    }
  });
  return false;
});

如何避免此问题并保留对所需输入的验证？

Answer 1

您可以阻止 jquery 事件并使用原生事件在您准备好时强制浏览器默认提交

$("#myForm").submit(function(e){
  // store reference to form due to callback context
  var form = this;

  bootbox.confirm({
    message: "Are you sure?",
    buttons: {... },
    callback: function (result){
      if (result)
      {
        // Some code to set values to hidden inputs and another irrelevant stuff...
        // Now use native submit

         form.submit();
      }
    }
  });
  // prevents jQuery submit only
  return false;
});