jQuery: delay disable button onclick after the form submission?

Question

So right now I have this:

HTML:

<input type="submit" class="usp-submit usp-submit-default"  onclick="return change(this); "  id="btnSubmit" />

jQuery:

function change( el )

{
    if ( el.value === "Send" )
        el.value = "Sending";
    else
        el.value = "Please wait...";

$("#btnSubmit").attr("disabled", true);
    
}

This does disable the input button and change the value to "Please wait", but the form is not submitted.

I assume this disables the button in the first place and doesn't perform the send action.

I have read somewhere that you can add a delay before .attr("disabled", true) for a few milliseconds so that the form would be submitted first.

Any help from jQuery experts would be appreciated.

Thanks.

Y.T. · Accepted Answer · 2021-08-21 09:43:47Z

1

If you want to delay, you can use the vanilla js way, setTimeout()

function change( el )
{
    if ( el.value === "Send" )
        el.value = "Sending";
    else
        el.value = "Please wait...";

    setTimeout( () => $("#btnSubmit").prop("disabled", true) , 0);
}

edited Aug 21, 2021 at 9:43

answered Aug 21, 2021 at 8:25

Y.T.

2,8162 gold badges17 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

r0naldinio Over a year ago

hey Learning Mathematics, return true; doesn't change anything. Same result. The form won't submit. Do you know how to add a slight delay before $("#btnSubmit").attr("disabled", true); ?

r0naldinio Over a year ago

Brilliant, exactly what I needed. Thanks a ton!

Collectives™ on Stack Overflow

jQuery: delay disable button onclick after the form submission?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related