改变每个空元素的样式

时间:2011-09-15 05:50:45

标签: javascript jquery validation

我正在开发一个项目,用户可以添加项目,我为他们提供了“添加另一个”按钮,以便他们可以添加另一个项目,这样他们就可以在同一时间添加多个项目。 要验证此表单并在db中插入值,我使用了以下过程

现在我通过名称访问表单元素 但我的客户想要更改用户留空的每个元素的背景颜色。我已经尝试过Jquery“空”,“第n个孩子”选择器,但我完全没有做到这一点 所以请帮我解决这个问题

2 个答案:

答案 0 :(得分:1)

您是否只想更改空文本框的背景颜色?如果是这样,你可以这样做:

$("#my_form input:text").each(function() {
    if(!$(this).val()) {
        $(this).css("background-color", "red");
    }
});

您遍历要在#my_form中验证的所有元素,并检查它们是否具有任何值。如果没有,请应用CSS更改。

答案 1 :(得分:1)

使用选择器$('#form input:text[value=""]').css('background-color','red');