我有一个表单,它可能需要很长时间才能提交,因为它将数据发布到多个API。这本身不是问题。
通常,我会启动一个引导模式,其中包含一条消息,告诉用户要有耐心,不要点击他们的后退按钮。这附在表单的按钮点击事件上,如下所示:
$(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});
});
这会启动模态,但也会停止提交的表单
据我所见,在('success.form.fv',函数(e)中的任何内容都会停止提交表单。
有人能告诉我如何做到这一点吗。
是否可以不触发提交时的模态事件?
$('#myform').submit(function() {
$('#modal-wait').modal({backdrop: 'static', keyboard: false});
})