javascript - 输入中的 Chrome 现金值(value)

Question

我有一个注册页面。我有一个表格，其中包含 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);
    }
};

我在输入上绑定(bind) keyup。和!我在文档准备好后运行此函数。

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

但我在这个页面上有一些谷歌浏览器输入的值，它发生了。什么时候？

因为当我运行它时，我的函数没有任何改变文档已准备就绪。我明白，此刻输入是空的。由于互联网连接不同，我无法使用 setTimeOut。

是否存在任何事件或事物来绑定(bind) chrome 执行此操作的时刻。

Answer 1

1. 如实践所示 - 输入的自动完成和现金值(value)不同。
   因此，即使我添加属性 automplete，我的问题仍然存在。
2. 可以组合 2 个事件并绑定(bind) keyup 和 change。它可以工作，但仅在接下来的任何操作后才显示设计更改(禁用按钮):单击、聚焦、模糊、按键等。好多了，但仍然不够好。
3. 浏览器如何决定将值放在哪里？通过类型 和用户之前在此站点上的操作。我无法更改输入类型。
4. 我还知道 https 不允许浏览器使用自动完成功能。只有铁杆。

我是如何解决我的问题的:html5 有很多帮助(我对输入添加了许多不同的限制)所以设计师和我决定删除 disabled。其余的将自动发生。谢谢你，HTML5!