Make Submit Inactive

[jlindahl]

Is there a way to make the submit button inactive once the user clicks on it? I am trying to prevent a user from clicking the submit button multiple times when the server is running slow.

 

[elegidito]

this should do it for you:

<input type='submit' onClick='this.disabled = true'>

"Whether you think that you can, or that you can't, you are usually right." - Henry Ford

 

[vongrunt]

This is good ol' trick to prevent multiple posts. Something like:

<input type="submit" blah blah ... onclick="this.disabled=true;">

 

[kaht]

I'm pretty sure you have to return false on any onclick events for a submit button or it submits 2x.

<input type=submit value='click me' onclick='this.disabled=true;return false;'>

-kaht

 

[jlindahl]

This is what I have now:

<input type='submit' name='Submit' value='Submit' onclick="value='Wait.. Processing Info..';">

I would like to keep the value change, but now include the disable feature. Now I've added this:

<input type='submit' name='Submit' value='Submit' onclick="value='Wait.. Processing Info..';this.disabled=true;">

Now when I submit the form, the value changes, the button is disabled, but the form does not get submitted.

 

[LFI]

You might try:

<input type='submit' name='Submit' value='Submit' onclick="value='Wait.. Processing Info..';this.disabled=true;[b]formName.submit();[/b]">

Good luck!

--Dave

 

[vongrunt]

Just for a note why this happens: click on button fires two events: onclick first then onsubmit. Because onclick sets disabled=true, all subsequent button events are immediatelly cancelled.

Another alternative is to disable button from onsubmit event (and return true).