Здравствуйте. Теоретически часть задачи сводится к следующему.
Если инпут заполнен стандартным значением, то очищать при фокусе, если пустой, то заполнять стандартным значением при потере фокуса.
Тут все просто:
var startSubject = $('#contact-form__subject').val();
var startEmail = $('#contact-form__email').val();
var startMessage = $('#contact-form__message').val();
$('#contact-form__subject').focus(function() {
if ($(this).val() == startSubject) {
$(this).attr({value: ''});
$(this).addClass('active-input');
}
});
$('#contact-form__subject').focusout(function(){
if ($(this).val() == '') {
$(this).attr({value: startSubject});
$(this).removeClass('active-input');
}
});
Но у меня несколько полей инпут в которых стандартное значение различается. Подскажите, пожалуйста, как оптимизировать процесс, чтобы для любого из инпутов для которых происходит фокус или его снятие выполнялась суть задачи.