Click here to Skip to main content
Click here to Skip to main content

How to do a click once button in AJAX

, 7 Feb 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
A click once button.


This code makes a button clickable only once.


I did a page with an UpdatePanel on it.

Since I had a lot of controls between the order button (BESTÄLL) and the panel, I did the order button external to the panel.

I needed the order button clickable only once, in order to achieve this:


Using the Code

I added an onSubmit method to the form:

<form id="form1" runat="server" 
  onsubmit="document.form1.btnOrder.disabled = true;return true;"> 
<button id="btnOrder" style="MARGIN-LEFT: 20%" 
  runat="server" text="BESTÄLL"></button>

Points of Interest

The key to make it work is:

return true;

Otherwise, the server side event doesn't trigger.


I would appreciate feedback and tips on a more .NET-tish way of doing this.


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


About the Author

Michael Rosqvist
Web Developer
Sweden Sweden
No Biography provided

Comments and Discussions

General[My vote of 1] Not working PinmemberVuyiswa Maseko20-Aug-09 4:46 
GeneralUse an extender, create a behavior Pinmemberalexgoodbox7-Feb-08 18:49 
GeneralOr Else Pinmemberdjsolid7-Feb-08 3:04 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.150129.1 | Last Updated 7 Feb 2008
Article Copyright 2008 by Michael Rosqvist
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid