保存密码后防止用户名密码反显

保存用户名密码后,浏览器显示时会找到页面的第一个type=password 的输入框来显示密码,这个输入框的上一个文本输入框显示用户名。但是一些新增,修改页面需要填写密码在密码输入框时,会造成打开页面后反显出保存的信息比如新增页面代码如下:

<label for=''>用户名称:</label>

<input name='usrName' id='usrName' maxlength='15' type='text'>

<label for=''>密码:</label>

<input name='usrPassword' id='usrPassword' maxlength='32' type='password'>

因为密码是password框且保存密码之后 页面显示效果如图下



解决办法:

 $("#usrPassword").focus(function(){
        this.type = "password";
 });

把密码框写成text但是填写密码时再变成password,这样效果基本上和直接写密码框一样

但是当密码框内的信息需要反显时这样做就不可以了


这时候就需要这样

setTimeout(function(){
$("#usrPassword").attr('type',"password");
},1)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值