javascript - 单击对话框上的停止页面处理单元按钮

Question

在 MVC、Ajax 和 JavaScript 方面，我仍然是个新手。我有一个应用程序，我必须在其中进行更改。现在，当进行更改并保存时，微调器会在信息保存和页面加载时显示。保存的代码如下所示:

$('#SaveButton').on('click', function () {
    navParams.isDirty = false;
});

HTML 看起来像这样:

<input type="submit" value="Save" class="btn btn-block btn-primary user-action" name="action:Save" id="SaveButton" />

请注意，屏幕上有多个按钮，因此它使用了 How do you handle multiple submit buttons in ASP.NET MVC Framework? 中的“多按钮”解决方案。

添加了以下代码:

 $('#SaveButton').on('click', function () {
    navParams.isDirty = false;
    displaySavePromptMessage();
});
function displaySavePromptMessage() {
    if (isModalOpen == false) {
        bootbox.dialog({
            closeButton: false,
            title: "",
            message: "<strong>Warning: </strong>Changes have been made, ensure corresponding dates have been updated on the screen",
            buttons: {
                success: {
                    label: "Ok",
                    callback: function () {
                        navParams.userAction = false;
                    }
                }
            }

        });
    }
}

现在发生的事情是单击保存按钮，微调器开始运行，对话框加载，但在单击确定按钮之前，对话框按钮关闭并且微调器停止。更改已保存。需要发生的是微调器启动，对话框加载并且一切都保持原样，直到用户单击确定。然后处理继续。我不确定如何做到这一点。有什么想法吗？

Answer 1

基本概念。您需要监听 submit 事件并阻止它:

$('.some-form').on('submit', function(submitEvent) {
  submitEvent.preventDefault();
});

然后在您的处理程序中，您需要在成功时提交您的表单:

// Inside your success handler
$('.some-form').get(0).submit();