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

прошу прощения

dasha862, добавить класс, если это focus и поле заполнено.

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

Nexus,
Только не && а или ||

Не знаю в чем разница между а или ||, поставила ||, все ок. СПАСИБО ВАМ!

dasha862, https://learn.javascript.ru/logical-ops

Благодарю:) , похоже тот же принцип, что и в smarty.

В продолжении темы.
При заполнении полей и отправки формы, например, код с картинки введен неправильно, страница обновляется, поля по-прежнему заполнены, но скрипт почему-то не подставляет класс input-focused, т.е не определяет, что они заполнены. Подскажите, пожалуйста, как это реализовать.
Проверяла на обоих вариантах.

if($('.input-control').val())$('.input-control').parent().addClass('input-focused');

добавьте перед функцией

Я Вам очень признательна. Спасибо.

Подскажите, пожалуйста, как в скрипте указать, что parent - это div(еще лучше с классом), понадобилось обернуть input span-ом, и ему присвоился класс input-focused.

if($('.input-control').val())$('.input-control').parent().addClass('input-focused');

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

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