我在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还是来自我?