在Bootstrap Modal表单上单击“提交”后添加“谢谢”弹出窗口?

时间:2015-07-16 19:05:48

标签: javascript html forms twitter-bootstrap bootstrap-modal

当有人点击表单上的“提交”时,我试图在我的引导模式中添加一个“谢谢你提交”弹出窗口。

问题是当点击引导模式表单上的“提交”按钮时,整个页面会刷新。

如何阻止模态刷新整个页面,以便在点击“提交”后成功显示弹出窗口?

1 个答案:

答案 0 :(得分: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 

});