在 Bootstrap 模态窗体上单击 'Submit' 后添加 'Thank You' 弹出窗口？

Question

我正在尝试在有人单击表单上的 'Submit' 时向我的 bootstrap 模式添加一个 'Thank you for you submission' 弹出窗口。

问题是当 'Submit' 按钮在 bootstrap 模态表单上被点击时，整个页面都会刷新。

如何防止模式刷新整个页面，以便在单击 'Submit' 后成功显示弹出窗口？

Answer 1

监听表单提交事件

$('form').submit(function (e) {
    var form = this;
    e.preventDefault();
    setTimeout(function () {
        form.submit();
    }, 10000); // in milliseconds
    $("<p>thank you for your submittion</p>").appendTo("body");
});

或者试试这个：

$("#submission_button").on("click", function(e) {
    e.preventDefault();//prevent default action 

});