javascript - 使用 e.preventDefault() 后提交表单；

Question

我有一个表格，我停止使用 e.preventDefault() 提交。（我也试过 return false）。

我会使用以下代码手动告诉表单在短暂延迟后提交：

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

不幸的是， e.preventDefault() 似乎禁用了表单提交，即使它使用该submit()函数显式提交。

知道如何结合这些意图吗？我想显示加载屏幕几秒钟。

谢谢！

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
}