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): 47230/ 113

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

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






Community Advice: ASP | SQL | XML | Regular Expressions | Windows


©Copyright 1998-2017 ASPAlliance.com  |  Page Processed at 2017-12-16 9:57:44 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search