javascript - 使用 formvalidation.io 成功启动 Bootstrap 模式

Question

我有一个表单可能需要很长时间才能提交，因为它将数据发布到多个 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) { 中的任何内容都会停止提交表单。

谁能告诉我如何实现这一目标。

Answer 1

您不能在提交事件时触发模式吗？

$('#myform').submit(function() {
    $('#modal-wait').modal({backdrop: 'static', keyboard: false});
})