Disable Form on Submit
JavaScript plug-in that can disable a from for a specific amount of time after a submit is attempted. Great for preventing users from double clicking on the submit button and submitting the form twice.
Usage
Basic usage with default options:
new disableFormOnSubmit(formElement);With Options:
new disableFormOnSubmit(formElement, {
duration: 4000,
buttonTemplate: 'Please Wait...',
submitInputText: 'Please Wait...'
});Options
| Option | Description |
|---|---|
| duration | Time that the form is disabled in milliseconds. Default: 4000 |
| buttonTemplate | HTML that will replace the content of any submit buttons while the form is disabled. false will disable the replacement. Default: 'Please Wait...' |
| submitInputText | Text that will replace the value of any submit inputs while the form is disabled. false will disable the replacement. Default: 'Please Wait...' |
Override the duration on a specific form
If your are using a selector that selects multiple forms the duration can be overriden on a specific form by adding a
data-disable-duration attribute to the form:
<form action="" method="" data-disable-duration="2000">Disable on a specific form using data attributes
<form action="" method="" data-disable-duration="false">