Prevent Double Entry

[mickeymouse]

My page allows the user to type in a number and click Enter or press the Enter Key (submit button). My next page then process that number.

But if the user clicks twice (or presses the Enter Key twice), my next page gets the number twice.

How can I prevent the user from doing this double entry?  e.g. Can I disable the submit button after it's been used?

Tks

 

[dsonesuk]

Yes! Use onsubmit event of form, not click of button.

Edited June 20, 2020 by dsonesuk

[mickeymouse]

Sorry.  I guess I wasn't clear.

I am using "onsubmit" in Form. My input tag is a "type=submit".  When the user clicks on this 'submit' button more than once (or presses the "Return" key more than once) I end up with multiple entries.  My "onsubmit" goes to a function that checks to see if the input number is valid and if OK the submission is allowed (return true).

So, how do I prevent multiple submissions from taking place.  There should not be another entry until there is a visible server  response to the first submission.

 

[JMRKER]

Disable the element (button) in the submission portion of your code.

Button will not be re-enabled until the page is reloaded after processing of the form.