Disable Submit Button When Submitting A Form – buttonDisabler

Preview:

Description:

The buttonDisabler library automatically disables the submit button for a specific amount of time when you submit an HTML form.

How to use it:

Install & download.

# NPM
$ npm install buttondisabler --save

Import the buttonDisabler.

import buttondisabler from 'buttondisabler';

Or directly import the buttondisabler.min.js into the html file.

Initialize the buttonDisabler on the submit buttons.

new buttondisabler({
    selector: 'button[type="submit"], input[type="submit"]',
    timeout: 5000
});

Customize the feedback text to be displayed in the disabled submit button.

new buttondisabler({
    selector: 'button[type="submit"], input[type="submit"]',
    timeout: 5000,
    text: 'Submitting...'
});