Skip to content
Add-on to jQuery to enable auto-disable options when submitting a form in data-disable-with attributes.
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
LICENSE
README.md
example.html
gulpfile.js
package-lock.json
package.json

README.md

jquery-disable-with

npm

Add-on to jQuery to enable auto-disable options when submitting a form in data-disable-with attributes.

See a demo here

How to install

$ npm install --save jquery-disable-with

And check your reference. jQuery is required!

<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/jquery-disable-with/src/jquery-disable-with.js"></script>

How to use

Create a form

<form action="//slowaction" method="post">
    <input type="email" name="email" required/>
    <input type="password" name="password" />
    <input type="submit" value="Sign in" />
</form>

Add a submit button:

<input type="submit" value="Sign in" data-disable-with="Signing in..." />

Or a simple button like this:

<button type="submit" data-disable-with="Signing in...">Sign in</button>

Run your app and click sign in button. When user is submitting the form, the sign in button will be disabled, and the text will be changed to 'Signing in...' so that the user won't press it again until the server response.

  • Support with jQuery validation. Please view document here
  • Support with required attribute. Won't action when required fields are empty.
You can’t perform that action at this time.