【发布时间】:2015-10-06 09:19:13
【问题描述】:
当有人单击表单上的“提交”时,我正在尝试将“感谢您提交”弹出窗口添加到我的引导模式。
问题是,当点击引导模式表单上的“提交”按钮时,整个页面都会刷新。
如何防止模态框刷新整个页面,以便在单击“提交”后成功显示弹出窗口?
【问题讨论】:
-
你能提交你的代码吗?
标签: javascript html forms twitter-bootstrap bootstrap-modal
当有人单击表单上的“提交”时,我正在尝试将“感谢您提交”弹出窗口添加到我的引导模式。
问题是,当点击引导模式表单上的“提交”按钮时,整个页面都会刷新。
如何防止模态框刷新整个页面,以便在单击“提交”后成功显示弹出窗口?
【问题讨论】:
标签: javascript html forms twitter-bootstrap bootstrap-modal
监听表单提交事件
$('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
});
【讨论】: