user213559
user213559

Reputation:

How to disable button on form submit exactly like stackoverflow ask question?

I have seen stackoverflow ask question page they disable button until my postback event is finished when i post the question and redirect me to my question page... How to do this in asp.net/jquery?

Upvotes: 0

Views: 386

Answers (2)

Glennular
Glennular

Reputation: 18225

$('#myform').submit(function(){
    $('input[type=submit]', this).attr('disabled', 'disabled');
});

to re-enable your button after a client side action has completes, such as AJAX:

$('#myform:input[type=submit]').removeAttr('disabled');

Upvotes: 2

Stephen Wrighton
Stephen Wrighton

Reputation: 37880

The basic concept is that you would have jquery add a client-side click event which disabled the button (i.e. $('#controlName').attr("disabled", "disabled"); ). What thing to remember is that you want to return TRUE from that method, so that the standard form post functionality will still work.

Something like:

$(function(){
   $('#controlName').click(function(){
      $('#controlName').attr("disabled", "disabled");
      return true;
   });
});

Upvotes: 0

Related Questions