Как сделать летающий label?
Делаю летающий label, но возникает проблема с автозаполнением форм. Проверка на пустоту при загрузке странице не срабатывает, в поля вбиты значения а value пустое!
1 Ответ(ы)
Сталкивался с проблемой автозаполнения форм. Действительно значение таких полей пустое и это сделано из-за соображений безопасности!!! Иначе можно было бы без ведома пользователя собрать данные с формы!!!
Но проблема решается! Автозаполнение вызывает событие change. Поэтому можно по change проверять автозаполнение, а по blur уже на пустоту. Код ниже проверен в ie9+ последнем андройде и айосе
$(document).on('change', '.wrap .form-element', function() { $(this).closest('.wrap').find('.float-label').addClass('active'); }); $(document).ready(function() { $('.wrap .form-element').blur(function() { if ($(this).val() == '') { $(this).closest('.wrap').find('.float-label').removeClass('active'); } else { $(this).closest('.wrap').find('.float-label').addClass('active'); } }); });