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 に答える