Show "Please Wait" after submitting a form

4 posts by 3 authors in: Forums > CMS Builder
Last Post: September 28, 2009   (RSS)

Re: [eduran582] Show "Please Wait" after submitting a form

By Kenny - September 26, 2009 - edited: September 26, 2009

You can try a couple of options:

<input value="Submit" onClick="this.value = 'Please Wait!'">

or

<input type="submit" name="submit" onClick="this.disabled=true;">

or place this after your form

<script type="text/javascript">
function submitted() {
theButton = document.getElementById("submitbutton");
theButton.disabled = "disabled";
theButton.value = "Please Wait...";
}
</script>



Kenny

Re: [sagentic] Show "Please Wait" after submitting a form

By eduran582 - September 27, 2009

Hi Kenny,

Thanks for the information. I have the "[font "Verdana"]<input type="submit" name="submit" onClick="this.disabled=true;"> " in place but I like the last option of not only disabling the button but putting in the 'Please Wait' caption. I'll give it a try!

[font "Verdana"]Thanks! [;)]

[font "Verdana"]Eric

Re: [eduran582] Show "Please Wait" after submitting a form

By Dave - September 28, 2009

Hi Eric,

If you are comfortable with javascript or jQuery you could try this:
http://malsup.com/jquery/block/#page

You'd probably just need to load the javascript library and the top and add this (untested) code in the form tag:
<form ... onsubmit="$.blockUI()">

But it might take some experimentation.

Hope that helps!
Dave Edis - Senior Developer
interactivetools.com