• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2162
  • Last Modified:

Javascript to disable button and show <div> text


I'd like to disable a button which posts a form and show the text within a div tag (hide it at the start) with the text showing please wait.

Alternatively here is my code for the button so far which I would like to change the text to please wait...

Ive tried this already, but the text didnt change;

<input type='submit' name='Submit' value='Get quote now' onclick='this.disabled=true;document.form1.submit();'>

My colleague gave me this, but it doesnt work;

<input type="submit" name="Submit" value="Get quote now" onclick='this.value = "Please wait..."; this.disabled = true; this.form.submit();'>
2 Solutions
What is the problem with your code. Only thing you did not add the changed text

<input type='submit' name='Submit' value='Get quote now' onclick=''this.value = "Please wait..."; this.disabled=true;document.form1.submit();'>
>>What is the problem with your code.

It is ugly and extremely hard to debug.

Put your code in a function outside of the HTML - the <head> section is a good place.

Don't forget to enable your button after the form submits.
<script type="text/javascript">
function check_submit(btn, frm)
    btn.disabled = true;
    btn.value = 'Please wait...';
    return true;
<input type='submit' name='Submit' value='Get quote now' onclick='return check_submit(this, document.form1);'>

Open in new window

Michel PlungjanIT ExpertCommented:
I would suggest this...

Not a great idea to disable the submit button

function doIt(theBut) {
  var msg = 'Please wait...';
  if (theBut.value==msg) return;
  theBut value=msg; 
  theBut.disabled = true; 
document.write('<input type="button" value="Get quote now" onclick="doIt(this)">')
<input type="submit" name="Submit" value="Get quote now">

Open in new window

Who was that Masked Man...?
Forced accept.

Community Support Moderator
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now