jquery - 如果 .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" );
                }   
            });
   });

Answer 2

试试这个：

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

Answer 3

如果您的意思是，如果没有值则要添加 css，请更改为：

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

Answer 4

尝试使用不同的名称：

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