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();'>
Who is Participating?
BadotzConnect With a Mentor Commented:
>>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

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();'>
Michel PlungjanConnect With a Mentor IT 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.

All Courses

From novice to tech pro — start learning today.