проблема removeAttr ()

Question

Руки вверх - я не могу понять, что с ним не так. Это ошибка или неправильный код?

    $(document).ready(function() {
    $("#rem_but").click(function(){

    var mail_name = $("#mail_rem").val();
    var dataString = 'mail_name='+ mail_name;


    if (mail_name.val() == "") {  $("#rem_but").attr("disabled",true); } 
    else {  $("#rem_but").removeAttr("disabled"); };
}); });

Таким образом, когда нет ввода, кнопка возвращает значение false правильно - при наличии ввода в поле - все же кнопка возвращает значение false, следовательно, removeAttr () не работает - почему? Привет.

Answer 1

попробовать (mail_name.val() == "") изменить на (mail_name == "")

Answer 2

Используете ли вы jQuery 1.6.x?

Если это так, попробуйте использовать функцию .prop().См. Ниже:

Отключить / включить ввод с помощью jQuery?

Кроме того, в вашем операторе if нет необходимости постоянно выбирать $("#rem_but").На основании вашего кода я бы порекомендовал $(this) вместо -

$(this).prop('disabled', true);

Это должно работать -

$(document).ready(function() {
 $("#rem_but").click(function(e) {

 e.preventDefault();

 var mail_name = $.trim($("#mail_rem").val());
 var dataString = 'mail_name='+ mail_name;

 if (mail_name === "") {  
    $(this).prop("disabled", true); }
 else {  
    $(this).prop("disabled", false); }
 });
});

Вот рабочий код jsFiddle -

http://jsfiddle.net/4rPc5/

Обновленный код -

http://jsfiddle.net/4rPc5/2/

Answer 3

Возможно, вам нужно установить для атрибута disabled значение false?

if (mail_name.val() == "") {  $("#rem_but").attr("disabled",true); } 
else {  $("#rem_but").attr("disabled",false); };
}

Или установите пустую строку

if (mail_name.val() == "") {  $("#rem_but").attr("disabled",true); } 
else {  $("#rem_but").attr("disabled",""); };
}