If an impatient user clicks “Submit” multiple times, a form may be submitted multiple times, causing issues.
I recently ran into one such issue.
I’ve seen solutions that show an alert dialog with a message like “Already being submitted. Close this dialog and wait.” I don’t think that’s very good UI. Better to silently discard extra submits.
This is my simple solution, using jQuery:
1 2 3 4 5 6 7 8
The code simply stores within the form object itself whether it has been submitted before. If it has, submission is silently aborted.
Ajax forms would, of course, also require
beenSubmitted to be reset after the server response is received or timed out. Leaving that as an exercise for the reader.