Solved

JavaScript disable button

Posted on 2013-01-28
5
281 Views
Last Modified: 2013-01-29
How would I go about disabling a .Net button on Click event using JavaScript?
0
Comment
Question by:lrbrister
5 Comments
 
LVL 41

Accepted Solution

by:
guru_sami earned 350 total points
ID: 38829316
There are several ways. Here's one:
function Disable(btn) {
            btn.disabled = true;
        }
<asp:Button ID="btnSave" runat="server" Text="Button" OnClientClick="Disable(this);" />

Open in new window

0
 
LVL 20

Assisted Solution

by:Russ Suter
Russ Suter earned 150 total points
ID: 38829400
The above will disable the button. If you want to prevent the button from running server-side code then you can use this:

<asp:Button ID="btnSave" runat="server" Text="Button" OnClientClick="return false;"></asp:button>

Open in new window


You can augment this system by returning the value of any function. I've found this handy in the past. For example, you could write a javascript function which asks the user for confirmation via the "confirm" javascript method. If they don't confirm then return false. It might look like this:

function foo()
{
    if (!confirm("Are you sure?"))
    {
        return false;
    }
    return true;
}

<asp:Button ID="btnSave" runat="server" Text="Button" OnClientClick="return foo();"></asp:button>

Open in new window

0
 
LVL 10

Expert Comment

by:Monica P
ID: 38829920
<asp:Button ID="Button1" runat="server" Text="Button"  onclientclick="disableBtn"/>

<script type="text/javascript">
    function disableBtn()
    {
    var btn= document.getElementById("<%=Button1.ClientID%>");
    btn.disabled=true;
    }
</script>



get the button id

Var button1=document.getElementById('<%= btnName.ClientID %>')
button1.style.display="block";

or

document.getElementById("button1").style.display="block";

or disable like this

btnName.Attributes.Add("onclick", "this.disabled=true;" + GetPostBackEventReference(btnName).ToString());

incase of restricting multiple click on postback

http://encosia.com/disable-a-button-control-during-postback/
0
 
LVL 10

Expert Comment

by:Monica P
ID: 38829923
0
 

Author Closing Comment

by:lrbrister
ID: 38831027
You guys were first.
Thanks
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today I had a very interesting conundrum that had to get solved quickly. Needless to say, it wasn't resolved quickly because when we needed it we were very rushed, but as soon as the conference call was over and I took a step back I saw the correct …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

947 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now