Disable an ASP.NET Button Control During Postback with an AJAX Loading Background Image: ASP Alliance

Print Add To Favorites Email To Friend Rate This Article
Disable an ASP.NET Button Control During Postback with an AJAX Loading Background Image

page 1 of 7

Published: 23 Nov 2009

Unedited - Community Contributed

Abstract
There are times when our applications might take an extra few seconds to respond to a click event. Some users might get impatient and click on the button more than once. We can easily avoid this type of situation by disabling the submit button during postback on the page by using a client-side script.

by Bryian Tan
Feedback

Average Rating: This article has not yet been rated.
Views (Total / Last 10 Days): 41527/ 114

Article Contents:

Introduction

There are times when our applications might take an extra few seconds to respond to a click event. Some users might get impatient and click on the button more than once. We can easily avoid this type of situation by disabling the submit button during PostBack on the page by using a client-side script. In this article, I will share with everyone on how to:

1. Disable a button during PostBack with or without the present of a validation control.

2. Change button text value during PostBack.

3. Include an AJAX loading background image during PostBack.

4. How to avoid the 'Page_IsValid is undefined' or ' Page_Validators is not defined' JavaScript error.

View Entire Article

(Page 2) »

AJAX Resource Center

User Comments

Title: nor
Name: L;JL;KJ
Date: 2012-08-29 12:14:11 AM
Comment:
LKJ;LJ

Title: gdfg
Name: dgdfgd
Date: 2012-04-29 4:19:49 AM
Comment:
fdgdfg

Title: Very nice tutorial
Name: Janou M
Date: 2010-11-17 3:17:21 AM
Comment:
Thanks for some great code and a good, clear explanation on how to use it. This function works perfectly. If I can now just get a good GIF image that spans across my submit button .. hehehe .. it's quite long in width.

Title: Mr
Name: Sanaj M Shaji
Date: 2010-07-01 4:21:11 PM
Comment:
Thanks a lot, you saved my 2 days work.

Title: Disable button while postback
Name: Bryian Tan
Date: 2010-01-17 2:40:58 PM
Comment:
Jeff,

I haven't try that yet, I'll let you know once I get it to work.

Praveen ,
Nice. Initially, I was using one of the solution you mentioned in your blog. But I wanted it to work with/without the present of validation control, image button, compatible with Firefox, and display background image. And I have encapsulated all the solutions in one JavaScript.

Thanks,
Bryian Tan

Title: Disable button while postback
Name: Praveen
Date: 2010-01-17 5:28:27 AM
Comment:
A simple solution for it is explained here. Which actually looks for the validation on server side and raise event when once the event raised. So, user can't do or send multiple request when one request is processing.
http://praveenbattula.blogspot.com/2010/01/disable-button-in-onclick-and-process.html

Title: Can we use it for delete button?
Name: Jeff
Date: 2009-12-06 2:05:07 PM
Comment:
Hi, i have use it and it work for regular button.

but i would like to implement it into my delete buttons which required a a javascript confirm validation first. But i try something and there is no postback when i click 'yes'.

you guys have done it?

Title: A production tested alternative
Name: sjb101
Date: 2009-11-25 4:01:10 AM
Comment:
I have used the following alternative on multiple production sites and it is an active part of my app templates now
http://encosia.com/downloads/postback-ritalin/

Title: Disable Button
Name: Servesh
Date: 2009-11-24 11:48:03 PM
Comment:
It's working fine... and can be used for bulk upload