Если input заполнен присвоить класс родителю div
Приветствую.
Есть скрипт, который при 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> |
Цитата:
|
Когда пользователь ввел логин и/или пароль.
|
Цитата:
|
Моя задача - оформление div и input при focus и когда в поле что-то написано(т.е не пустое), для этого нужен класс.
|
Цитата:
$('.input-control').on('focus blur', function(e){
if(!$(this).val())$(this).parent()[e.type === 'focus' ? 'addClass' : 'removeClass']('input-focused');
});
|
Это просто отлично!
Большое Спасибо! |
Только вот ошибка в консоли появилась:
TypeError: "removeClass" is not a function |
j0hnik, может я что-то не понял, но по-моему (и судя по посту 8) в строке 3 какая-то хрень написана.
$(this).val() не вернет объекта jq, а у string||null нет методов addClass, removeClass. |
Скрипт работает, но ошибка вылезла:
TypeError: "removeClass" is not a function |
| Часовой пояс GMT +3, время: 02:29. |