Jquery Asp.net button disable

Question

html code:

<asp:Button runat="server" ID="btnTest" Text="Test" OnClick="btnTest_Click" />

Jquery Code:

$('[id$=btnTest]').click(function(){
   $('[id$=btnTest]').attr('disabled', 'true');
});

CodeBehind:

protected void btnTest_Click(object sender, EventArgs e)
{
//here not come.
}

Code Behind btnTest event not work ?

You need to know ClientID of your button in JS. It is not the same as ID, but something like ctl00_Content1_btnTest, if you use masterpage. — Serge S.
– Serge S., Commented May 25, 2010 at 14:57
The problem is that you have to set disabled="disabled" attribute instead of disabled="true". — Serge S.
– Serge S., Commented May 25, 2010 at 15:01

Atanas Korchev · Accepted Answer · 2010-05-29 08:55:54Z

8

I think that making the button disabled in the click event handler is preventing the postback. Try executing the disabling code after some time:

$('[id$=btnTest]').click(function(){
    var button = this;   

    setTimeout(function() {
        $(button).attr('disabled', 'disabled');
    }, 100);
});

answered May 29, 2010 at 8:55

Atanas Korchev

30.6k8 gold badges62 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Elangovan · Accepted Answer · 2010-05-25 15:40:45Z

2

The sample code is using the ends-with selector. There is no mistake in selector. you just need to change the code like this

$('[id$=btnTest]').click(function () {
       $('[id$=btnTest]').attr('disabled', true);
});

I have tested this and works fine without any issues.

answered May 25, 2010 at 15:40

Elangovan

1,4643 gold badges23 silver badges41 bronze badges

Comments

Serge S. · Accepted Answer · 2010-05-25 14:55:17Z

1

Try to use jQuery class selector:

Add CssClass="MyButton" to your ASP.NET button;
Use this selector in jQuery
Set disabled="disabled" attribute on click

jQuery:

$('button.MyButton').click(function(){ 
  $(this).attr('disabled', 'disabled');
});

answered May 25, 2010 at 14:55

Serge S.

4,9353 gold badges44 silver badges49 bronze badges

1 Comment

Serge S. Over a year ago

Just replace value of disabled attribute true by disabled : .attr('disabled', 'true') by .attr('disabled', 'disabled') - that's the problem.

Ngô Đức Tuấn · Accepted Answer · 2015-08-19 13:28:15Z

1

I can fix your problems:$(".classButton").prop('disabled','disabled'); and remove disabled: $(".classButton").prop('disabled', '');

answered Aug 19, 2015 at 13:28

Ngô Đức Tuấn

716 bronze badges

Comments

Chuck Haines · Accepted Answer · 2010-05-25 14:53:24Z

0

Wouldn't you just need to do the following:

btnTest.Enabled = False;

in the code-behind file? This will cause a postback but it should work.

answered May 25, 2010 at 14:53

Chuck Haines

6921 gold badge8 silver badges16 bronze badges

Comments

SiN · Accepted Answer · 2010-05-25 14:52:16Z

-2

It wouldn't work because the generated HTML id is different than the ASP.NET id.
So btnTest will be rendered as another Id.

A quick dirty way is to to run the page, view the HTML source and locate the button's generated Id and pass it as an arugment in the jQuery function.

A better way is to generate the jQuery function through code behind:

Literal1.Text = "$('[id$=" + btnTest.ClientId + "]').click(function(
{$(this).attr('disabled', 'disabled');});";

Edit: Also I couldn't help but realize that your OnClick attribute should point to btnTest_Click and not btn_Click

answered May 25, 2010 at 14:52

SiN

3,7842 gold badges33 silver badges37 bronze badges

2 Comments

Nick Craver Over a year ago

$= is the "ends-with" selector, his code already works for this.

Chicharito Over a year ago

"btnTest_Click and not btn_Click" no

Collectives™ on Stack Overflow

Jquery Asp.net button disable

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related