使用jquery为跳过的必填字段着色

时间:2012-04-24 06:47:35

标签: jquery css

我有一个几乎没有必填字段的aspx表单。我为txtbxrequired所有字段应用了相同的样式。我想将所有跳过的必填字段着色为黄色。如何实现这一目标。下面是我正在使用的代码,但它甚至为填充的字段着色:

if ($(".txtbxrequired").val() == "") {
    $(".txtbxrequired").css("background-color", "yellow");
}

1 个答案:

答案 0 :(得分:4)

$('.txtbxrequired').filter(function() {
    return !$(this).val();
}).css('background-color', 'yellow');​

http://jsfiddle.net/zerkms/FAs6W/

您的代码无效,因为您明确将黄色设置为所有元素,其中包含类txtbxrequired

我的代码所做的是 - 选择具有txtbxrequired类的所有元素,然后仅过滤那些没有任何值的元素,并为它们设置背景颜色