JS防止浏览器自动记住密码

这篇博客探讨了如何防止浏览器(尤其是Firefox)自动记住密码的问题。即使使用`autocomplete="off"`属性,在Firefox中仍然会出现提示。作者提出了两种解决策略:针对IE和Chrome,通过监听密码框焦点事件,动态改变type属性;对于其他浏览器,实时更新隐藏input框的值,并用星号显示密码。
摘要由CSDN通过智能技术生成

最近项目上做了这样一个功能,使用autocomplete="off"不能解决FF的问题,依旧会提示是否记住密码,第一次写博客,不足之处请大神们多多指点。

HTML部分:
先设置用户可以看见的密码框type为text:

<td id = "textOrPsw">
    <input id="input_text_psw" name="pswView" type="text"   autocomplete="off"  />
<td>


添加一个隐藏的input框:

<input  id="psw"  name="psw"  type="text" style="display:none"/>

 

JS部分:
先判断浏览器版本
1、IE和chrome
对id="input_text_psw" 的密码框进行监听,获得焦点时,将其id = "textOrPsw"内的html改为type=“password”,提交时将id="input_text_psw"的值赋值给 id="psw"的input框;
2、其他
对id="input_text_psw" 的密码框进行监听,每输入一个字符,将用户输入的数据赋值到 id="psw"的隐藏框中,将 id="input_text_psw"的可见框使用“*”号代替;提交时将id="input_text_psw"清空。

 

具体代码:

HTML部分:

<form id="forLogin" method='post' action="/index.cgi" onsubmit="return mdFive();">
<table>
<tr><td>
    <table>
    <tr>
      <td align="left" class="text" ><div class="text_user">用户名:</div></td>
      
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值