Is there anyway to disable a submit button using jquery

Question

Using Jquery, how to disable a submit button via its ID? I have tried many codes, but failed.

$("#sign_up").attr('disabled', 'disabled');

here is another one i tried:-

$("#sign_up").attr('disabled', true);

Note: I have included jquery library: //ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js
It will be very nice of you if you provided a fiddle :)

... and it should suffice, unless you invoke this line before #sign_up element appears in DOM. Is this line called in $(function(){ ... }) block? — raina77ow
– raina77ow, Commented Apr 28, 2013 at 16:52

gillyspy · Accepted Answer · 2013-04-28 18:05:56Z

1

jQuery documentation states that "The .prop() method should be used to set disabled and checked instead of the .attr() method." - http://api.jquery.com/prop/#prop-properties

disabled is a property and it needs to be addressed that way, using the $(element).prop() method. I have created a working jsFiddle for you: http://jsfiddle.net/tb5Xh/1/

edited Apr 28, 2013 at 18:05

gillyspy

1,6089 silver badges14 bronze badges

answered Apr 28, 2013 at 16:59

Stephan Heijl

4546 silver badges19 bronze badges

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

Comments

Sizzling Code · Accepted Answer · 2013-04-28 16:58:50Z

0

it should work just fine.

$("#sign_up").attr('disabled', 'disabled');

check the fiddle. http://jsfiddle.net/qb2vH/

check if you have added the jquery library correctly.

answered Apr 28, 2013 at 16:58

Sizzling Code

6,12019 gold badges86 silver badges139 bronze badges

1 Comment

Stephan Heijl Over a year ago

While this will work, jQuery documentation states that "The .prop() method should be used to set disabled and checked instead of the .attr() method." -api.jquery.com/prop/#prop-properties

Alasdair McLeay · Accepted Answer · 2013-04-28 17:09:46Z

0

Users may still be able to submit forms by pressing enter in a form field.

If you want to stop the whole form being submitted, you could intercept the submit event of the form:

$("#sign_up").closest('form').submit(function(e) {
    e.preventDefault();
    return false;
});

answered Apr 28, 2013 at 17:09

Alasdair McLeay

2,6724 gold badges34 silver badges51 bronze badges

Collectives™ on Stack Overflow

Is there anyway to disable a submit button using jquery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related