Submitting form after using e.preventDefault();

Question

I have a form that I am stopping from submitting with e.preventDefault(). (I've also tried return false).

I would manually tell the form to submit after a short delay, using the code:

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

Unfortunately, e.preventDefault() seems to disable the form from submitting even if it explicitly submitted using the submit() function.

Any idea how I can combine these intentions? I'd like to show a loading screen for a couple of seconds.

Thanks!

Answer 1

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

Answer 2

Try this.

<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>

Above code is tested.

Answer 3

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

Answer 4

you may want to try this it works for me:

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

and in the javascript

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