Question

一个非常简单的问题：

如果我执行：$(":input").css("background-color","#ffffff")，结果是所有输入字段都获得白色背景。

逻辑会说$(":input[value=]").css("background-color","#000000")会使输入字段的背景颜色变为黑色而没有值，但这不起作用（最新的jQuery版本）。我也尝试了[value='']，但无济于事。

我无法相信。每个人都是唯一的解决方案。它必须更简单。

编辑：代码是这样的：

<form id="frm_Auth" action="javascript:;"> 
   User name: <input type="text" size="10" id="frm_Auth_Username"  value="" />
   Password: <input type="password" size="10" id="frm_Auth_Password" value="" /> 
</form>

jQuery：

$("#frm_Auth").on("submit", function() 
 { 
   $(":input").css("background-color","#ffffff"); $(":input[value=]").css("background- color","#FFCECE"); 
});

Answer 1

我可以让它工作正常，但我还没有看到你的HTML。您的input可能根本没有value属性，但您可以使用:input:not([value])进行检查：

http://jsfiddle.net/ExplosionPIlls/GUuQQ/

编辑：如果您想在用户更改值时检查是否应更新后台，可以将支票绑定到keyup：

$(":input").on('keyup', function () {
    if (!$(this).val()) {
        $(this).css('background-color', 'black');
    }
    else {
        $(this).css('background-color', 'transparent');
    }
});

jQuery，检查空输入框

1 个答案: