jquery更改空的必需输入的背景颜色

jquery change background colour of empty required inputs

本文关键字：输入 背景 颜色 jquery      更新时间：2023-09-26

我有一个既有必填字段又有非必填字段的表单，我只想更改用户提交表单时为空的必填输入的背景色。

必填字段有一个名为"required"的类

$('#audit_submit').click(function(){
   if($('.required').val() == '') 
    {
           $('.required').css('background-color' , '#FF0000');
        }
});

所做的就是，如果所有字段都为空，它会更改所有字段，但如果其中一个字段为空，则不会更改任何字段。

您可以在此处使用.each（）循环遍历所有.required元素：

$('#audit_submit').click(function(){
    $('.required').each(function() {
        if($(this).val() == '') {
           $(this).css('background-color' , '#FF0000');
        }
    });
});

工作小提琴http://jsfiddle.net/sV8QG/

$('p').click(function(){
   if($('.required').val() == '') 
    {
           $('.required').css('background-color' , '#FF0000');
        }
    else{
           $('.required').css('background-color' , 'white');
    }
});

Fiddle Demo

.filter（）将值为''且大于等于.css('background-color', '#FF0000');的所有元素应用于已过滤元素。

要重置颜色，请使用.css('background-color', '#fff')

$('#audit_submit').click(function () {
    $('.required').css('background-color', '#fff').filter(function () {
        return $.trim(this.value) === '';
    }).css('background-color', '#FF0000');
});
相关文章：