Как изменять вид label зависимости от inputa?

Question

[Postraner]

У меня label идет перед input (inlut:focus + label не работает). Получилось с помощью jquery сделать только для события focus, но нужно еще valid и invalid. Код с focus

$("input").focus(function() {
      $("label[for='" + this.id + "']").addClass("label-focus");
    }).blur(function() {
      $("label").removeClass("label-focus");
    });

Подскажите как сделать? Заранее спасибо.

Answer 1

[nikfakel]

На событие валидации поставьте проверку класса у input'a

$(validation)....... function(){
if($('input').hasClass('valid')){
 $("label[for='" + this.id + "']").addClass("label-valid");
}
if($('input').hasClass('invalid')){
 $("label[for='" + this.id + "']").addClass("label-invalid");
}
}