使用formvalidation.io在成功时启动引导模式

Launch bootstrap modal on success using formvalidation.io

本文关键字：启动 模式 成功 formvalidation io 使用      更新时间：2023-09-26

我有一个表单，它可能需要很长时间才能提交，因为它将数据发布到多个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});
})
相关文章：