Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / ASP.NET

How to do a click once button in AJAX

2.00/5 (4 votes)
7 Feb 2008CPOL 1  
A click once button.

Introduction

This code makes a button clickable only once.

Background

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:

Two.JPG

Using the Code

I added an onSubmit method to the form:

ASP.NET
<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:

JavaScript
return true;

Otherwise, the server side event doesn't trigger.

Comments

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

License

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