我有一个表单可能需要很长时间才能提交,因为它将数据发布到多个 API。这本身并不是问题。
通常,我会启动一个 Bootstrap 模式,并显示一条消息,告诉用户要有耐心,不要单击后退按钮。它附加到表单的按钮单击事件,如下所示:
$(document).ready(function(){
$("#btn-wait").click(function(){
$('#modal-wait').modal({backdrop: 'static', keyboard: false})
});
});
我刚刚使用 FormValidation.io 实现了表单验证,但是在启动模式时遇到问题。
我已经尝试过了...
$('#myform').formValidation({
framework: 'bootstrap',
fields: {
.......
}
})
.on('success.form.fv', function(e) {
$('#modal-wait').modal({backdrop: 'static', keyboard: false});
});
这会启动模式,但也会停止提交表单
据我所知, .on('success.form.fv', function(e) { 中的任何内容都会停止提交表单。
谁能告诉我如何实现这一目标。
最佳答案
您不能在提交事件时触发模式吗?
$('#myform').submit(function() {
$('#modal-wait').modal({backdrop: 'static', keyboard: false});
})
关于javascript - 使用 formvalidation.io 成功启动 Bootstrap 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34581768/