Multiple click on submit button

Question

4.80/5 (5 votes)

See more:

Hi Everyone,

I am preparing a message sending feature. There after writing the message if I click on the submit button for 3 to 4 times, it is posting for 3 to 4 times. To control this I used the following code:

C#

protected void imgbtnSend_Click(object sender, ImageClickEventArgs e)
{
    imgbtnSend.OnClientClick = "this.disabled = true; " + ClientScript.GetPostBackEventReference(new PostBackOptions(imgbtnSend));
    //code for messaging
}

Now it is working fine in my local system. But it is not working after deploying in server.

I want to make it a single post at a time.

Any suggestion please.

Posted 22-Oct-10 0:28am

arindamrudra

Updated 22-Oct-10 1:38am

#realJSOP

v3

Add a Solution

Comments

PSK_ 22-Oct-10 6:47am

After deploying are you getting any error and what is the behavior of button after click?

arindamrudra 22-Oct-10 7:04am

No, I have not get any error.

4 solutions

Solution 4

Try Following Code............

C#

protected void Page_Load(object sender, EventArgs e)
    {
        btnsave.Attributes.Add("onclick",      "this.disabled=true;this.value='Processing....';" + ClientScript.GetPostBackEventReference(btnsave, "").ToString());      

}

 protected void btnsave_Click(object sender, EventArgs e)
     {
     }

Posted 11-Oct-11 19:37pm

_Tushar Patil

Comments

arindamrudra 12-Oct-11 10:33am

Thanks Tushar.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ideamadasamy · Accepted Answer · 2010-10-25T01:08:00

you can fixed it aspx page.

MSIL

function ConfirmBooking(imgLoad)
    {
    document.getElementById('imgbtnsubmit').style.display = none;
    document.getElementById(imgLoad).style.display = block;
    return true;
    }

<img id="imgLoad" src="images/Progress.gif" alt="" style="display: none;" runat="server" />
<asp:ImageButton ID="imgbtnsubmit" runat="server" OnClientClick="javascript:return ConfirmBooking('imgLoad');"
    ImageUrl="images/submit.gif" OnClick="imgbtnSend"/>

    protected void imgbtnSend_Click(object sender, ImageClickEventArgs e)
    {
    }

Bikash Shrestha From Nepal · Accepted Answer · 2010-10-22T02:00:00

Solution 2

C#

protected void imgbtnSend_Click(object sender, ImageClickEventArgs e)
{

// you better write code to validate whether the message is empty before sending //message and also write code to  clear the message after sending the message.

}

Posted 22-Oct-10 2:00am

Bikash Shrestha From Nepal

Comments

arindamrudra 22-Oct-10 8:03am

protected void imgbtnSend_Click(object sender, ImageClickEventArgs e)
{
//if (Page.IsValid == true)
{
if (txtMessageContent.Value != "")
{
imgbtnSend.OnClientClick = "this.disabled = true; " + ClientScript.GetPostBackEventReference(new PostBackOptions(imgbtnSend));
//Codes
}
}
}

here the txtMessageContent is the tinyMCE

arindamrudra 22-Oct-10 8:09am

So I am not going in that way. I want a way so that if the validation message comes then the button will be enabled and also in case of tinyMCE, so I used ClientScript.GetPostBackEventReference(new PostBackOptions(imgbtnSend)).

and at the time if it passes the "if" condition then the button will be disabled.

It is working fine in local system.
But not in Server

shakil0304003 · Accepted Answer · 2010-10-22T00:47:00

Solution 1

Example:

function DisableButton() {
var flag = true;

    for (var i = 0; i < Page_Validators.length; i++) {
        ValidatorValidate(Page_Validators[i]);

        if (!Page_Validators[i].isvalid)
            flag = false;
    }

if(flag == true)
    document.getElementById("<%= btnSubmit.ClientID %>").visibility="hidden";
    return true;
    }

add OnClientClick="return DisableButton()==true?true:false;" to the button property.

Posted 22-Oct-10 0:47am

shakil0304003

Updated 24-Oct-10 18:59pm

v4

Comments

arindamrudra 22-Oct-10 6:52am

Hi Shakil, thanks for your help.
But there is Server side Validation (ASP Validation) also. So if I use

OnClientClick="return DisableButton()==true?true:false;"

Then if I Get the validation error for the first time, then will it work?

shakil0304003 24-Oct-10 10:40am

If you have validators then you have to write a javascript function, which fire validators & check each validators are validate, if all are fine then it will visibility hidden to the button.

shakil0304003 24-Oct-10 10:59am

I have improved my answer, i think it will fill your requirement. If it is not full your requirement, you can mail me, some days ago, i have solved this problem. :)

arindamrudra 25-Oct-10 0:37am

Please check your yahoo email id.

shakil0304003 25-Oct-10 1:03am

I have improved my answer again :)

RaviRanjanKr 5-Nov-11 5:15am

My 5+

Multiple click on submit button

4 solutions

Solution 4

Solution 3

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us