Enable Submit Button

David Walsh Jan 21, 2009

General

This small script will disable the submit button and then re-enable it after a period of time. Useful for preventing duplicate submittals but also allows resubmission, if needed.

Notes

Created by: David Walsh
Web Site: http://davidwalsh.name/
Posted: January 21, 2009

Note: Requires the MooTools library

Source Code

Paste this source code into the designated areas.

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="moo1.2.js"></script>

<script type="text/javascript">
window.addEvent('domready',function() {  
  var subber = $('submit');  
  subber.addEvent('click',function() {  
    subber.set('value','Submitting...').disabled = true;  
    (function() { subber.disabled = false; subber.set('value','Resubmit'); }).delay(10000); // how much time?  10 seconds  
  });
});
</script>

Body

Paste this code into the BODY section of your HTML document


<input type="submit" name="submit" id="submit" value="Submit Form" style="cursor:pointer;">

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details