Function not working on jQuery 1.6.x (but worked on 1.5.x)

Question

This works in 1.5.2, but doesn't on 1.6.2. The button won't get 'enabled'. I think it has to be with the .attr

How could i fix this?

function checkMessageForm() {
    var message_chars = $("#form_dm_text").val().length;
    console.log(message_chars);
    if (message_chars > 0 && message_chars < 14001) $("#form_dm_submit").attr("disabled", "");
    else
    $("#form_dm_submit").attr("disabled", "disabled");
}

Thanks!

score 4 · Accepted Answer · answered Sep 10 '11 at 03:32

4

You should delete the disabled attribute:

$("#form_dm_submit").removeAttr("disabled");

You can see the effect of removeAttr('disabled') versus attr('disabled', '') here:

http://jsfiddle.net/ambiguous/JMvKr/

answered Sep 10 '11 at 03:32

mu is too short

426,620
70
833
800

score 2 · Answer 2 · answered Sep 10 '11 at 03:32

2

Instead of .attr("disabled", ""), try .removeAttr("disabled") ?

answered Sep 10 '11 at 03:32

qingbo

2,130
16
19

oops - my answer is a dupe :) – qingbo Sep 10 '11 at 03:49

score 0 · Answer 3 · answered Sep 27 '11 at 06:39

I like to use the .prop(propertyName, value) solution. Mostly it is just another option that wasn't mentioned here.

function checkMessageForm() {
    var message_chars = $("#form_dm_text").val().length;
    console.log(message_chars);
    var disable = message_chars > 0 && message_chars < 14001;
    $("#form_dm_submit").prop("disabled", disable);
}

attr() also accepts a true and false as the value to enable/disable.

Function not working on jQuery 1.6.x (but worked on 1.5.x)

3 Answers3