在Chrome中自动填充字段时,无法在jQuery中启用按钮

时间:2015-02-10 15:03:26

标签: javascript jquery html google-chrome

我在HTML中有以下简单形式:

<form>
  <input type="text" name="username" /> Username
  <input type="password" name="password" /> Password
  <input type="submit" name="submit" value="Submit" /> 
</form>

并在jQuery中:

function verifySumbit(){
if(!$(":text").val().length || !$(":password").val().length) {
     $(":submit").prop("disabled", true);
  } else {
     $(":submit").prop("disabled", false);
  }
}

$(function(){
   verifySubmit();

  $(":text, :password").on("keyup", function(){
     verifySubmit();
  });
});

非常好,直到您在Chrome对话框中保存用户和密码,然后下次进入表单时,这些字段会自动填充并且按钮被禁用!

当文档准备就绪时,我首先提出了重点:

$(":text").focus();

如果您在浏览器中按F5,则按钮已启用,但如果您选择地址URL并按Enter键或重复选项卡,即使第一次输入存在焦点,该按钮也会被禁用。

是Chrome还是来自我?

0 个答案:

没有答案