Jquery添加CSS如果輸入空的.keyup

Question

即時通訊設法添加CSS到輸入在鍵入。如果輸入爲空，則添加CSS。我已經試過這...

  $(input).keyup(function() { 
       var input = $(this).attr('id'); 
       if(input == "") { 
        $(input).css("border", "1px solid #FB9E25"); 
       } 
      }); 

Answer 1

http://jsfiddle.net/DKW7M/

HTML

<input type="text" id="test" /> 

JS：

$("#test").keyup(function() { 
       var input = $(this); 

       if(input.val() == "") { 
        input.css("border", "1px solid #000"); 
       } 
      }); 

我改成了黑色，使其更容易看到的。

如果你想這樣做多的ID，請嘗試：

<form id="some_form"> 
<input type="text" /> 
<input type="text" /> 
</form> 

$("#some_form input").each(function() { 
    $(this).keyup(function() { 

       var input = $(this); 

       if(input.val() == "") { 
        input.css("border", "1px solid #000"); 
       } 
      }); 
    }); 

Answer 2

嘗試使用不同的名稱：

$(input).keyup(function() { 
    var inputId = $(this).attr('id'); 
    if(inputId == "") { 
     $(input).css("border", "1px solid #FB9E25"); 
    } 
}); 

Answer 3

試試這個：

$('input').keyup(function() { 
      var input = $(this).attr('id'); 
      if(input == "" || input == null) { 
       $(this).css("border", "1px solid #FB9E25"); 
      } 
     }); 

Answer 4

如果你的意思是，如果沒有值，你想添加CSS，改爲：

$(input).keyup(function() { 
    var input = $.trim($(this).val()); 
    if(input == "") { 
     $(this).css("border", "1px solid #FB9E25"); 
    } 
});