Jquery가 입력시 CSS를 추가합니다 .keyup

Question

저는 CSS를 입력에 추가하려고합니다. 입력이 비어 있으면 CSS를 추가하십시오.

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

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

내가 쉽게 볼 수 있도록 검은 색으로 변경 : 나는 ...

  $(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 이것을 시도했습니다. 여러 아이디의 그것을하고 싶은 경우

, 시도 :

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

Answer 2

시도는 다른 이름을 사용 당신은 아무런 가치가 없다면 CSS를 추가하기를 원한다는 것을 의미합니다 :

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

Answer 3

:

<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 4

경우이 시도

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