Disable Submit Button When Submitting A Form – buttonDisabler

Category: Form , Javascript | April 4, 2019
Author: sarfraznawaz2005
Views Total: 214
Official Page: Go to website
Last Update: April 4, 2019
License: MIT

Preview:

Disable Submit Button When Submitting A Form – buttonDisabler

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...'
});

You Might Be Interested In:


Leave a Reply