Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当输入值为null或notnull时添加或删除Css类_Jquery_Forms_Validation_Input - Fatal编程技术网

Jquery 当输入值为null或notnull时添加或删除Css类

Jquery 当输入值为null或notnull时添加或删除Css类,jquery,forms,validation,input,Jquery,Forms,Validation,Input,我想为表单中的一些输入添加/删除css类 <form id="FormId" method="post" enctype="multipart/form-data"> <input type=​"text" class=​"input-bg">​ <input type=​"text" class=​"input-bg">​ <input type=​"text" class=​"input-bg">​ <input type=​"text"

我想为表单中的一些输入添加/删除css类

<form id="FormId" method="post" enctype="multipart/form-data">
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"validate input-bg">​
<input type=​"text" class=​"validate input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"bg-datepicker">​
</form>

$("#FormId input[type=text]").each(function () 
{
 <!--if input have class validate I want to verify if text !=''-->
input.addClass('error');
<!--else-->
input.removeClass('error');
})

​
​
​
​
​
​
​
$(“#FormId input[type=text]”)。每个(函数()
{
input.addClass('error');
input.removeClass('error');
})
如何验证这里的价值

$("#FormId input[type=text]").each(function () {
    if ($(this).hasClass('validate')) {
        if (this.value == '') {
            $(this).addClass('error');
        } else if ($(this).hasClass('error')) {
            $(this).removeClass('error');
        }
    }
});

参考文献

参考文献


试试这个,使用
.filter()


试试这个,使用
.filter()


只需使用
validate
类循环输入即可。您可以使用
toggleClass
添加或删除
error
类,方法是将布尔值作为第二个参数传递:

$('#FormId input[type="text"].validate').each(function() {
    $(this).toggleClass('error', !$.trim(this.value).length);
});

只需使用
validate
类循环输入即可。您可以使用
toggleClass
添加或删除
error
类,方法是将布尔值作为第二个参数传递:

$('#FormId input[type="text"].validate').each(function() {
    $(this).toggleClass('error', !$.trim(this.value).length);
});
$('#FormId input[type="text"].validate').each(function() {
    $(this).toggleClass('error', !$.trim(this.value).length);
});