Если input заполнен присвоить класс родителю div

[dasha862]

Приветствую.

Есть скрипт, который при focus input добавляет класс к div. Подскажите, пожалуйста, как сделать что бы класс подставлялся при focus(как сейчас) и когда input заполнен.

$('.input-control').on('focus blur', function(e){
   $(this).parent()[e.type === 'focus' ? 'addClass' : 'removeClass']('input-focused');
});

<div><input name="email" type="text" class="input-control"></div>  
<div><input name="password" type="password" class="input-control"></div>

[ksa]

и когда input заполнен

А что значит "input заполнен"?

[dasha862]

Когда пользователь ввел логин и/или пароль.

[ksa]

Когда пользователь ввел логин или пароль.

Как понять, что ввод логина или пароля завершен?

[dasha862]

Моя задача - оформление div и input при focus и когда в поле что-то написано(т.е не пустое), для этого нужен класс.

[j0hnik]

Моя задача - оформление div и input при focus и когда в поле что-то написано(т.е не пустое), для этого нужен класс.

замените ваш, на этот

$('.input-control').on('focus blur', function(e){
   if(!$(this).val())$(this).parent()[e.type === 'focus' ? 'addClass' : 'removeClass']('input-focused');
});

[dasha862]

Это просто отлично!
Большое Спасибо!

[dasha862]

Только вот ошибка в консоли появилась:
TypeError: "removeClass" is not a function

[Nexus]

j0hnik, может я что-то не понял, но по-моему (и судя по посту 8) в строке 3 какая-то хрень написана.

$(this).val() не вернет объекта jq, а у string||null нет методов addClass, removeClass.

[dasha862]

Скрипт работает, но ошибка вылезла:
TypeError: "removeClass" is not a function