多种方法实现360浏览器下禁止自动填写用户名密码
2014-06-16 00:00
405 查看
目前开发一个项目遇到一个很恶心的问题,本来在登陆界面输入用户名密码后登陆,选择记住密码后,在内容页里面的<input type="text" id="userName" />以及<input type="password" id="password" />会把登陆界面输入的用户名密码填写在内容页里。而内容页是想建立新的子账户,这问题真叫一个恶心巴拉~~~
当然,在火狐,IE8以上版本等高档次浏览器下不会出现这种情况。问题出在360!不负众望,本菜鸟经过了以下的尝试:
第一种:把浏览器里的自动填写密码取消掉。
很遗憾,这玩意对360毫无反应,尼玛,第一种尝试失败!(当然,即便生效,作为一个开发者,不能让所有用户都采取这种操作!)
第二种:给input增加autocomplete="off"属性,让其不自动写入用户名和密码。
很遗憾,这玩意360也免疫,尼玛的尼玛!
第三种:通过js动态修改input的type属性:
<input type="text" id="password" onfocus="this.type='password'" />
这次360下直接把输入的密码显示出来了,也就是onfocus里面的没执行,打个短点执行以下,发现jquery报错了。出现 uncaught exception type property can't be changed 错误。很遗憾,IE下不支持对type的修改。
第四种:既然硬来不行,那只能执行非常手段了,你不让我改,那我不改,我隐藏你,来个障眼法!
注:把background-color设为#fff是因为360会默认给一个屎***的背景。
分别用一个id不为userName和password的输入框,样式设为一样,当我们点击假的input的时候,让真正的显示出来。
大功告成!
当然,在火狐,IE8以上版本等高档次浏览器下不会出现这种情况。问题出在360!不负众望,本菜鸟经过了以下的尝试:
第一种:把浏览器里的自动填写密码取消掉。
很遗憾,这玩意对360毫无反应,尼玛,第一种尝试失败!(当然,即便生效,作为一个开发者,不能让所有用户都采取这种操作!)
第二种:给input增加autocomplete="off"属性,让其不自动写入用户名和密码。
很遗憾,这玩意360也免疫,尼玛的尼玛!
第三种:通过js动态修改input的type属性:
<input type="text" id="password" onfocus="this.type='password'" />
这次360下直接把输入的密码显示出来了,也就是onfocus里面的没执行,打个短点执行以下,发现jquery报错了。出现 uncaught exception type property can't be changed 错误。很遗憾,IE下不支持对type的修改。
第四种:既然硬来不行,那只能执行非常手段了,你不让我改,那我不改,我隐藏你,来个障眼法!
$(function(){ $("#PWD").focus(function(){ $(this).hide(); $("#password").val("").show().css("backgroundColor","#fff").focus(); }); $("#password").blur(function(){ $(this).show().css("backgroundColor","#fff"); $("#PWD").hide(); }); $("#UN").focus(function(){ $(this).hide(); $("#userName").val("").show().css("backgroundColor","#fff").focus(); }); $("#userName").blur(function(){ $(this).show().css("backgroundColor","#fff"); $("#UN").hide(); }); });
注:把background-color设为#fff是因为360会默认给一个屎***的背景。
分别用一个id不为userName和password的输入框,样式设为一样,当我们点击假的input的时候,让真正的显示出来。
<input id="UN" maxlength="26" type="text" title="请输入用户名" /> <input id="userName" name="user.userName" maxlength="26" style="display:none;" type="text" title="请输入用户名" /> <input id="PWD" maxlength="20" type="text" title="请输入密码" /> <input id="password" name="user.password" maxlength="20" style="display:none;" type="password" title="请输入密码" />
大功告成!
相关文章推荐
- 多种方法实现360浏览器下禁止自动填写用户名密码
- 多种方法实现360浏览器下禁止自动填写用户名密码
- 360浏览器下禁止自动填写用户名密码
- 搜狗浏览器下 禁止浏览器自动填写用户名、密码
- 搜狗浏览器下 禁止浏览器自动填写用户名、密码
- 盒子 收藏帖子 转移-实现向网页自动填写用户名密码并自动点击登录按钮 完成全自动凳录
- 360浏览器下自动填写用户名密码惹祸了
- 集成windows身份验证自动填写用户名密码代码实现
- 完美实现wordpress禁止文章修订和自动保存的方法
- 怎么保存远程桌面用户名和密码实现双击自动连接到远程计算机
- 登录时记住用户名和密码的Cookie实现方法
- 让PLSQL记住曾经登录过的用户名和密码,实现自动登录
- android实现记住用户名和密码以及实现自动登录
- winpcap编程实现自动过滤FTP用户名及密码
- php实现记住密码自动登录方法
- C#WinForm应用程序实现自动填充网页上的用户名和密码并点击登录按钮【转载】
- mstsc保存用户名和密码,实现自动登录远程桌面
- Windows7和WinXP下如何实现不输密码自动登录系统的设置方法介绍
- [Delphi] 如何做一个可以帮我向网页自动填写用户名密码的软件啊??
- Jquery 实现 “下次自动登录” 记住用户名密码效能