how can I disable the form button after it has been clicked? - Novice Question

Hi There,

I am wondering how I can disable the form button after it has been clicked, currently I am using the "onclick" event for the actual function I need to insert records. Has anyone got any good ideas about where I can place the function call?

Sean

onClick="Insertlisting_Click"

onclick="disableform()"

function disableform()
{

document.forms[0].SubmitButtton.disabled = true;
document.forms[0].SubmitButtton.value = 'Please wait...';
document.forms[0].submit();
}
LVL 5
bullroutAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
ihenryConnect With a Mentor Commented:
With this you shouldn't have problem with your validation control

How to prevent multiple clicks of a submit button in ASP.NET
http://aspzone.com/articles/207.aspx
0
 
mmarinovCommented:
Hi,

you have to do it by javascript, not in the code behind
to that you have to use

SubmitButton.Attributes.Add("onclick", "disableform()")

Regards,
B..M
0
 
bullroutAuthor Commented:
Hi There,

I'm not too sure where I have to place the code, do I just add it into the button control itself like below?

Sean

<asp:button id="btnSubmit" text="place listing"  onClick="Insertlisting_Click"  SubmitButton.Attributes.Add "onclick", "disableform()") runat="server" EnableViewState="False" />
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
mmarinovCommented:
nope, sorry that i've not been so clear
you have to place this code in the Page_load event

Regards,
B..M
0
 
bullroutAuthor Commented:
ok so if I have a code behind with a page_load event, how can I call this ?

sean
0
 
mmarinovCommented:
using the
SubmitButton.Attributes.Add("onclick", "disableform()")
the .net framework will assing the client event for this button and when you press the button it will try to call disableform function on the client

you have to assign the page_load event to the page ( this is done autmatically except if you write the definition by hand

Regards,
B..M
0
 
tovvenkiCommented:
Hi,
try this
in the .cs file(the code behind file)
private void Page_Load(object sender, System.EventArgs e)
{

      btnSubmit.Attributes.Add("OnClick","javascript:disableform();");
}

in the aspx file write this
<HTML>
<HEAD>
<title>MyTitle</title>
<script language="javascript">
function disableform()
{

document.forms[0].SubmitButtton.disabled = true;
document.forms[0].SubmitButtton.value = 'Please wait...';
document.forms[0].submit();
}                  
</script>
</HEAD>

if you still have problem with this technique then have a look at this article
http://www.codeproject.com/aspnet/ClickOnce_Button_Control.asp

Regards,
venki
0
 
bullroutAuthor Commented:
Hi Venki,

The function seems to overide the validation I have on the page, do I need to call the required field validator that I have on the page inside this javascript fucntion?

Sean
0
 
tovvenkiCommented:
Hi,
I don't thinkk it will override the validation, I think the validation fires first, then the onClick I am not sure in this I need to check that.

Regards,
venki
0
 
AerosSagaCommented:
Put this in the page load and you can re-enable whenever you need.

If page.ispostback Then
Mybutton.visibile = false
End If

Regards,

Aeros
0
 
bullroutAuthor Commented:
I will try this and let you guys know the outcome.
0
 
ihenryCommented:
And don't forget to check this link to try the demo and download the code.
http://aspzone.com/archive/2004/01/06/292.aspx
0
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.