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

最新推荐文章于 2024-07-05 00:12:57 发布

wl_Viola

最新推荐文章于 2024-07-05 00:12:57 发布

阅读量8.9k

点赞数 2

分类专栏： JS 文章标签： JS 浏览器自动保存密码 autocomplete

本文链接：https://blog.csdn.net/wl_Viola/article/details/82704463

版权

这篇博客探讨了如何防止浏览器（尤其是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>