2016-01-18 2 views
2

У меня есть страница регистрации. Там у меня есть форма с двумя необходимыми входами - электронной почтой и паролем.Хромовые денежные суммы во вводе

<div class="row row_registration"> 
    <label for="email">Электронная почта</label> 

    <div class="row-w"> 
     <input id="email" name="email" class="text v" required="required" type="email" value=""> 
    </div> 
</div> 
<div class="row row_registration"> 
    <label for="password">Пароль</label> 

    <div class="row-w"> 
     <input id="password" name="password" class="text eq" minlength="7" required="required" type="password" value="" maxlength="14"> 
    </div> 
</div> 

Также у меня есть кнопка отправки (сюрприз!), Которая имеет атрибут «disabled».

var checkRequiredInput = function(){ 
    if($("#email").val().length > 0 && $("#password").val().length > 0) { 
     $(".registration__button button:submit").attr("disabled", false); 
    } 
}; 

Я связываю клавиатуру на входах. А также! Я запускаю эту функцию, когда документ готов.

checkRequiredInput(); 
$("#email, #password").on("keyup", function(){ 
    checkRequiredInput(); 
}); 

Но у меня есть некоторые значения на этой странице, что Google Chrome ставит в своих входах и .. сложилось, когда?

Поскольку моя функция ничего не меняет, когда я запускаю ее, когда документ готов. Я понимаю, что в этот момент входы пустые. Я не могу использовать setTimeOut из-за другого интернет-соединения.

Есть ли какое-либо событие или что-то еще, чтобы связать момент, когда хром делает это.

+0

Можете ли вы предоставить больше для этого? Вызов вашей функции? –

+1

Но в чем вопрос? все еще ищет его ....... – Jai

+0

Вы правы: D –

ответ

1
  1. Как показывает практика, значения автозаполнения и денежных средств для входов не совпадают.
    Так что, даже если я добавляю атрибут automplete, моя проблема остается.
  2. Можно комбинировать 2 события и связывать keyup и change. Он работает, но показывает изменения дизайна (отключенная кнопка) только после следующего действия: щелчок, фокус, размытие, нажатие клавиши и т. Д. Гораздо лучше, но все еще недостаточно.
  3. Как браузер не видит, куда положить значения? К type и предыдущим действиям пользователя на этом сайте. Я не могу изменять типы входов.
  4. Также я знаю, что https не позволяет браузеру использовать автозаполнение. Только хардкор.

Как я решил свою проблему: html5 помогает alot (я добавил много разных отзывов на входы), поэтому разработчик и я решили удалить disabled. Остальное произойдет автоматически. Спасибо, HTML5!

Смежные вопросы