Добавить или удалить класс Css, когда входное значение равно нулю или не равно нулю

Question

Добавить или удалить класс Css, когда входное значение равно нулю или не равно нулю

0

Я хочу добавить/удалить класс 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');
})

как проверить здесь значение?

Alex 23 сен. 2013, в 17:06

Источник

Теги:

jquery

validation

forms

input

3 ответа

1

Просто зациклируйте входы с классом validate. Вы можете использовать toggleClass чтобы добавить или удалить класс error, передав логическое значение в качестве второго аргумента:

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

.toggleClass Documentation

скрипка

billyonecan 23 сен. 2013, в 13:26

1

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

или

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

Справка

.hasClass()

http://learn.jquery.com/javascript-101/this-keyword/

Tushar Gupta 23 сен. 2013, в 13:21

Ещё вопросы

Anton · Accepted Answer · 2013-09-23T13-05-00.000Z

Попробуйте это, используйте .filter()

$("#FormId input[type=text].validate").filter(function(){
         this.value ==''?$(this).addClass('error'): $(this).removeClass('error')
});

DEMO