如果 .keyup 上的输入为空，Jquery 添加 CSS

Question

我正在尝试将 CSS 添加到 keyup 的输入中。如果输入为空，则添加 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" );
                }   
            });
   });