Как сделать летающий 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');
}
});
});
