disabling a submit button, is disabling the form submission

Asked Mar 21 '18 at 03:51

Active Mar 21 '18 at 03:51

Viewed 44 times

I am experiencing something very strange. When a form is submitted, I am disabling the submit button with the following code:

$(btn).addClass('sbmt_disable').attr('disabled', 'disabled');

However, the effect it creates is it appears to just reload the page, and the fields are empty. Is it not possible to submit a form, if the submit button is disabled then? If so, what is the alternative? The desired action is to prevent users from clicking on the form more than once.

asked Mar 21 '18 at 03:51

Source

1,026
4
11
23

2

Are you doing it onsubmit or onclick? – epascarello Mar 21 '18 at 03:54
doing it onclick `$('#contact_btn').click(function(e){....` – Source Mar 21 '18 at 03:56
2

well there is your problem.... if you did it onsubmit of the form, you would not have issues.Disabling the button on click cancels the click. – epascarello Mar 21 '18 at 03:56
no, that still didnt work, the form still doesnt submit `$('#contact_form').submit(function(e){...` – Source Mar 21 '18 at 03:59
Than delay it with a timeout `setTimeout(()=>{foo.disabled=true},1) `or use pointer events in css to disable it. – epascarello Mar 21 '18 at 03:59

disabling a submit button, is disabling the form submission

0 Answers0