изменить цвет фона на пустой текстовой области

Question

У меня есть кнопка с id = 'red'. Когда я нажимаю на нее, я хочу, чтобы те текстовые поля, которые пусты, стали красными. Мой код не работает.

$(document)ready.(function() { 

$('#reg').click(function() { 

if($(':text').val() == '') { 

$(this).css({'color':'red'}); 
      } 
}); 

}); 

Большое спасибо за ваши ребята. Я до сих пор не работаю. Может быть, это моя разметка, которая испорчена.

Я пробовал все сулотион здесь, но если не получится, проклятье.

О я не разрешается размещать изображение еще = (. Я объясню.

На моем сайте я получил 5 текстовых полей, которые я хочу иметь красный BG, если они пусты, когда я нажимаю кнопку регистра. Но только если они пустые

Answer 1

Попробуйте этот код:.

$(function() { 
    $('#reg').click(function() { 
     if($(this).text() == '') { 
      $(this).css({'color':'red'}); 
     } 
    }); 
}); 

Answer 2

Попробуйте с .text() и положить background-color вместо color как

if($('input[type="text"]').text() == '' && empty($('input[type="text"]').text())) { 
    $(this).css({'background-color':'red'}); 
    or 
    $(this).css('background-color','red'); 
} 

Answer 3

Вы можете выбрать текстовые области, а затем фильтровать их на основе значения порожняком:

$('#reg').click(function() { 
    $('textarea').filter(function(){ 
     return $(this).val() == ''; 
    }).css('background-color', 'red'); 
}); 

Answer 4

ур делать неправильно на линии нет 4. изменений в эту строку:

$(this).css('color','red'); 

Answer 5

Вы можете использовать это,

$(document).ready(function() { 
$('#reg').click(function() { 

    if($(this).val() == '') 
    { 
     $(this).css('background-color' , '#FF0000'); 
    } 
}); 
}); 

Answer 6

надеюсь, что это поможет, попробуйте this-

HTML-

<textarea col="2" style="width:200px;height:200px;"></textarea> 
<input id="reg" type="button" value="submit"> 

js-

$(document).ready(function() {  
    $('#reg').click(function() { 
    if (!$("#myTextArea").val()) {  
     $("textarea").css('background-color','red'); 
    } 
    });  
}); 

see demo

Answer 7

<textarea id="myText"></textarea> 
<input id="reg" type="button" value="register" name="btn_register"> 

$(document).ready(function() { 
    $('#reg').click(function() { 
     $("#myText").val() ? $("#myText").css('background-color', 'white') : $("#myText").css('background-color', 'red'); 
    }); 
});