asked on

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();
}

mmarinov

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

bullrout

ASKER

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" />

mmarinov

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

Regards,
B..M

bullrout

ASKER

ok so if I have a code behind with a page_load event, how can I call this ?

sean

mmarinov

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

tovvenki

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

bullrout

ASKER

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

tovvenki

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

AerosSaga

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

bullrout

ASKER

I will try this and let you guys know the outcome.

ASKER CERTIFIED SOLUTION

ihenry

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ihenry

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