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" );
    }   
});

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

4 个答案: