浏览器记住密码后，密码自动填充问题(不希望密码填充) 博客分类： JS JSJquery密码type=passwordcookie

前端表单提交，不管是form提交还是ajax提交，只要有input type='password',浏览器会弹出提示框，询问是否记住密码。点击记住密码后，密码会自动填充，由于做的是跟钱打交道，登录 不希望记录密码和密码自动填充。之前试过很多方法 1.autocomplete="off"
2.focus="this.type=password",3.在页面加载时或者focus方法中清空密码 均不奏效 4. 创建两个域 一个用于隐藏password一个文本域 之前只试了一半放弃了，时间紧迫的原因。

后来针对第四种方法 结合网上的资料，找到一种方法，主要如下：
html中如下：
<input type="password" id="pwd" name="pwd_login"  placeholder="登录密码" readonly="true" style="display:none" autocomplete="off" />
<input type="text" id="hidePwd" placeholder="登录密码" autocomplete="off"/>

js中

$("#hidePwd").on('focus', function () {
/*当前文本框隐藏*/
$(this).hide();
/*隐藏的密码框显示并且获取焦点 只读属性去掉*/
$('#pwd').show().attr('readonly', false).focus();
});

大致如上就可以解决了。
顺便说一下cookie只加载用户名 得js操作

var arrStr = document.cookie.split("; ");
for(var i = 0;i < arrStr.length;i ++){
var temp = arrStr[i].split("=");
if(temp[0] == "user_id") {
$("#usrname").val( unescape(temp[1]));
return;
}
}