Monday, July 4, 2011

ASP.NET: Prevent button double-click

Problem

How to prevent button double-click on ASP.NET page

Solution

Add following code to Page_load. This code prevents button double-click on client-side but still executes code at server-side:

VB.Net 

btnSave.Attributes.Add("onclick", " this.disabled = true; " + ClientScript.GetPostBackEventReference(btnSave, Nothing) + ";")

C# 

btnSave.Attributes.Add("onclick", " this.disabled = true; " + ClientScript.GetPostBackEventReference(btnSave, null) + ";");
Created by at
Tags , ,

35 comments:

  1. Tahir ZiaFebruary 12, 2012 at 10:56 AM

    it gives this error:
    "Microsoft JScript runtime error: Sys.ParameterCountException: Parameter count mismatch."

    ReplyDelete
  2. TommiMarch 22, 2012 at 12:59 PM

    Could you paste full code?

    ReplyDelete
  3. PrabhatApril 20, 2012 at 2:22 PM

    Its Working nice for me, But problem crops up when I have RequiredFieldValidators on my Page

    ReplyDelete
  4. AnonymousJune 18, 2012 at 5:43 PM

    same error:"Microsoft JScript runtime error: Sys.ParameterCountException: Parameter count mismatch."

    ReplyDelete
  5. AnonymousJuly 5, 2012 at 5:10 PM

    Thanks. It Works great for me.

    ReplyDelete
  6. AnonymousJuly 9, 2012 at 11:36 AM

    good work... it worked for me
    thanks.

    ReplyDelete
  7. AnonymousSeptember 10, 2012 at 9:51 AM

    thanks. it works for me...

    ReplyDelete
  8. RoyNovember 10, 2012 at 4:02 AM

    Works!!!

    For the error thing: Change it "onclick" to "onClientClick" (basically system complaining about multiple object for "onclick" property)

    For adding the validation, can be like this: (in VB.NET)
    btnEvaluateNext.Attributes.Add("onclientclick", "if(Page_ClientValidate('ValidationGroup')){this.disabled = true; + ClientScript.GetPostBackEventReference(btnEvaluateNext, Nothing) + ";}")

    and actually without the __dopostback thing it will still work:
    btnEvaluateNext.Attributes.Add("onclientclick", "if(Page_ClientValidate('vgRating')){this.disabled = true; }")

    ReplyDelete
  9. RoyNovember 12, 2012 at 7:01 PM

    Sorry, it works last Friday but not now.. I don't even change anything. Weird and I just get rid of this disable stuff...

    ReplyDelete
  10. AnonymousDecember 28, 2012 at 2:30 PM

    Worked in C# =)

    ReplyDelete
  11. kapilJanuary 23, 2013 at 9:30 AM

    Really helpful .. Thanks tommi

    ReplyDelete
  12. AnonymousApril 17, 2013 at 6:04 PM

    Awe a simple answer to an aggravating problem. THANKS!

    ReplyDelete
  13. SadikAliJune 6, 2013 at 11:21 AM

    i get err :Uncaught ReferenceError: ClientScript is not defined

    ReplyDelete
  14. Rakesh TiwariJuly 2, 2013 at 11:45 AM

    I have same, but issue is still I need to click twice on link button.
    Well I have tried many things, but could not resolve the issue. I have more than 2 update panel and link buttons are on the update panel, but update panel are not place within update panel. Any help or suggestion are highly appreciated.

    ReplyDelete
  15. AnbuAugust 8, 2013 at 10:09 AM

    It works for me well. In my code I have several validations. But After implementing below. If I leave any mandatory field and click on Save button. The validation message box pops up twice. first it shows a message box "Please fill the fields" and after clicking on "OK" the message is displayed again....Any idea how to rectify this?

    ButtonSave.Attributes.Add("onclick", "if(Page_ClientValidate('ValidatePage')){this.disabled = true;} " + ClientScript.GetPostBackEventReference(ButtonSave, null) + ";");

    ReplyDelete
  16. AnonymousOctober 4, 2013 at 7:56 PM

    works great, thanks !!

    ReplyDelete
  17. anitaNovember 6, 2013 at 6:34 PM

    Very simple... works great!!

    ReplyDelete
  18. AnonymousNovember 28, 2013 at 5:03 PM

    Thanks! worked for me :)

    ReplyDelete
  19. rhendytayNovember 29, 2013 at 5:51 AM

    Thanks bro ...
    worked for me too...
    good job.

    ReplyDelete
  20. UnknownFebruary 17, 2014 at 8:33 AM

    Thank you very much, its working

    ReplyDelete
  21. AnonymousMarch 12, 2014 at 1:48 PM

    Thank you.

    ReplyDelete
  22. AnonymousMay 21, 2014 at 3:22 AM

    Thanks work fine

    ReplyDelete
  23. AnonymousSeptember 19, 2014 at 5:49 PM

    Awesome Works Great!! I have been searching for past two days for an answer and wouldn't you know it would be a one liner that would do the trick. Thanks Much!

    ReplyDelete
  24. AnonymousOctober 24, 2014 at 11:13 PM

    Worked for me (VB.net)! Thank you!!

    ReplyDelete
  25. DmitryNovember 9, 2014 at 4:19 PM

    This comment has been removed by the author.

    ReplyDelete
  26. AnonymousJanuary 13, 2015 at 9:06 PM

    I've seen other solutions and yours seems easiest. Working good.

    ReplyDelete
  27. AnonymousJuly 15, 2015 at 8:07 PM

    In vb.net there shouldn't be a plus(+) sign, it should be an ampersand-->&.

    You guys could be getting errors because of that.

    ReplyDelete
  28. JoseAugust 10, 2015 at 8:38 AM

    Thanks.
    It's working for me ...

    ReplyDelete
  29. AnonymousSeptember 2, 2015 at 6:26 PM

    Thanks.
    It works for me

    ReplyDelete
  30. AnonymousFebruary 2, 2016 at 11:58 AM

    btnSave.Attributes.Add("onclick",ClientScript.GetPostBackEventReference(btnSave, "")+ ";this.value='Processing...';this.disabled = true; this.style.display='block';");
    If i am using this one how can i perform client side validation?

    ReplyDelete
  31. xJuly 1, 2016 at 12:30 PM

    It works for me

    ReplyDelete
  32. http://www.pontocode.comApril 13, 2017 at 9:16 PM

    This comment has been removed by the author.

    ReplyDelete
  33. Melbourne App DeveloperOctober 11, 2017 at 10:41 AM

    I found this article easy to understand and very helpful. Can’t wait to see the other posts. Thank you for sharing!

    ReplyDelete
  34. AnonymousMay 24, 2022 at 10:31 AM

    Its working

    ReplyDelete

Subscribe to: Post Comments (Atom)