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

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

    Ваш ответ

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