Как проверить поле на пустоту?

Question

[Maksim Ivanov]

Написал я вот такой код:

<div class="form-group">
     <label for="name">Ваше имя</label>
     <input type="name" class="form-control" name="name" id="name">
   </div>

$(".form-question .form-control").each(function(){
        $(this).focus(function(){
            $(this).parent().addClass("active");
        })
    });

$(".form-question .form-control").each(function(){
        $(this).blur(function(){            
            $(this).parent().removeClass("active");
        })
    });

Подскажите как сделать так чтобы при заполненном поле и когда не в фокусе класс active не удалялся??

Answer 1

[Владимир Сартаков]

jsfiddle.net/epou69aL/2

Comments

[Maksim Ivanov]

Cпасибо прям то что нужно)

Answer 2

[Andrew]

<input type="name" class="form-control" name="name" id="name" required>

Comments

[Maksim Ivanov]

нет не то.. я так понимаю нужно в этом блоке проверку написать только как я не знаю

$(".form-question .form-control").each(function(){
        $(this).blur(function(){            
            $(this).parent().removeClass("active");
        })
    });

[Andrew]

Maksim Ivanov, опишите что вам нужно сделать.
При вводе чего-либо + класс актив?

$( "#name" ).on('change' , function() {
  if($(this).val()){$(this).addClass('active');}else{$(this).removeClass('active');}
});

[Maksim Ivanov]

Andrew, нужно чтобы класс актив не удалялся, если поле заполнено

[Andrew]

Maksim Ivanov, поправил предыдущий ответ