使用e.preventDefault（）后提交表單;

Question

我有一個表單，我停止提交e.preventDefault（）。 （我也嘗試過返回false）。

我會在短暫的延遲后手動告訴表單提交，使用代碼：

$('form').delay(2000).submit();

不幸的是，即使使用submit()函數顯式提交，e.preventDefault（）似乎也禁止提交表單。

知道如何將這些意圖結合起來嗎？ 我想顯示加載屏幕幾秒鍾。

謝謝！

Answer 1

$("form").on('submit.blocker', function (e) {
    setTimeout(function () {
        $("form").off('submit.blocker').trigger('submit');
    }, 2000);
    e.preventDefault();
});

Answer 2

試試這個。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function ()
    {
        var okToSubmit = false;
        $('form').submit(function (e)
        {
            if ( ! okToSubmit)
            {
                e.preventDefault();

                var $form = $(this);
                setTimeout(function ()
                {
                    okToSubmit = true;
                    $form.submit();
                }, 2000);
            }
        });
    });
</script>
<form action="somewhere">
    <input type="text" name="something" />
    <input type="submit" />
</form>

以上代碼經過測試。

Answer 3

$('form').on('submit', function(e) {
    if (!e.isTrigger) {
        setTimeout(function() {
            $("form").trigger('submit');
        }, 2000);
        e.preventDefault();
    }
});

Answer 4

你可能想嘗試一下這對我有用：

<form name="demo" action="111" onSubmit="fun();return false">
<input type="text" name="name1" />
<input type="submit" />
</form>

並在JavaScript中

fun()
{
var x= document.forms["demo"];
setTimeout(x.submit(),2000);//time in milliseconds
}