Как сделать летающий label?

Делаю летающий label, но возникает проблема с автозаполнением форм.  Проверка на пустоту при загрузке странице не срабатывает, в поля вбиты значения а value пустое!

Добавить Комментарий

Сталкивался с проблемой автозаполнения форм. Действительно значение таких полей пустое и это сделано из-за соображений безопасности!!! Иначе можно было бы без ведома пользователя собрать данные с формы!!!
Но проблема решается! Автозаполнение вызывает событие 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');
      }
   });
});
 
Добавить Комментарий

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.