1

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

这会启动模式,但它也会停止提交表单

据我所知, .on('success.form.fv', function(e) { 中的任何内容都会停止提交表单。

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

4

1 回答 1

0

你不能在提交事件上触发你的模式吗?

$('#myform').submit(function() {
    $('#modal-wait').modal({backdrop: 'static', keyboard: false});
})
于 2016-01-03T21:49:11.993 回答