防止浏览器记住用户名及密码的简单实用方法


Posted in Javascript onApril 22, 2013

如何设置能禁止浏览器自动保存表单信息,比如用户名,密码?
现在很多浏览器都有自动填写功能,我在input上使用了autocomplete="off",但在有的浏览器上还是被记住了用户名跟密码,请问有没有更有效及简便的方法来防止浏览器记住用户名及密码?

1、针对浏览器记住密码
1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的,所以针对这种情况可以采取“动态设置密码域”的方法:

<input type="text" name="password" onfocus="this.type='password'" />

解释:当这个文档框获取焦点时才将其变成密码域,这样浏览器就不会记住密码,当然为了更加完善,还可以把autocomplete="off"属性也加上。
2).在onload事件,把密码框的值清空,即:
<script language="javascript"> 
window.load = function(){ 
document.getElementById('密码域ID').value=''; 
}; 
</script>

3).页面采用https协议,因为https是不会对表单进行保存信息的。
4).采用flash做登录表单,这种情况浏览器也不会记录表单信息。
5).再来个变态的好了,就是可以把type="password"改成type="text",因为type不是password就不会出现记住密码功能,然后设置一个变量如:var val=""或者是设置一个隐藏域<input type="hidden" name="val">,最后用onpropertychange把密码换成一行圆点,并把值赋给val,提交时再把val的值还原回去,由于效果和*号一样。 用户是看不出来的。

2、针对有些浏览器插件的自动填表功能
这个就比较麻烦了,我想这种情况应该是插件记住表单域name的值,然后再进行填表,这种情况,我觉得可以在页面加载时动态更改name的值,当提交表单的时候再把表单的值组合成正确的对应值再提交。这个没有经过验证,只是我个人的想法。你可以试试

如果以上这些方法还满足不了你,那我也没办法了。

建议:
试一下把对应域名下的cookie清掉,浏览器应该是根据cookie来记住用户名密码的。
(不是的,有的浏览器是在你提交表单后,根据你提交的值来记住的)
(对的 有些浏览器不记录在COOKIE 这个比较头疼 顺便问下INPUT里输入过的值如何清除?我希望能像银行的那样 输入过的值不再出现)
浏览器记住密码的实现方式就是通过寻找type为password的input输入框,然后前边一个输入框就作为用户名记住。所以解决这个问题的办法就是在用户名input和密码input之间增加一个type为text的输入框设置css属性display为none。

Javascript 相关文章推荐
js自定义事件代码说明
Jan 31 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
js实现索引图片切换效果
Nov 21 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
Angular实现购物车计算示例代码
Feb 21 Javascript
JavaScript mixin实现多继承的方法详解
Mar 30 Javascript
微信小程序下拉框功能的实例代码
Nov 06 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
May 28 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 Javascript
js播放wav文件(源码)
Apr 22 #Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 #Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 #Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 #Javascript
『jQuery』.html(),.text()和.val()的概述及使用
Apr 22 #Javascript
『jQuery』取指定url格式及分割函数应用
Apr 22 #Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 #Javascript
You might like
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
2015/03/03 Javascript
javascript的BOM汇总
2015/07/16 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
基于JavaScript实现下拉列表左右移动代码
2017/02/07 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
webpack优化的深入理解
2018/12/10 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
2019/03/22 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[42:06]2019国际邀请赛全明星赛 8.23
2019/09/05 DOTA
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
Python2.x中文乱码问题解决方法
2015/06/02 Python
使用Python &amp; Flask 实现RESTful Web API的实例
2017/09/19 Python
Python求解正态分布置信区间教程
2019/11/20 Python
通过实例解析Python return运行原理
2020/03/04 Python
使用keras实现BiLSTM+CNN+CRF文字标记NER
2020/06/29 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
小学爱国卫生月活动总结
2014/06/30 职场文书
水电工程师岗位职责
2015/02/13 职场文书
好段摘抄大全(48句)
2019/08/08 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers