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


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 相关文章推荐
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
Extjs 几个方法的讨论
Jan 28 Javascript
新老版本juqery获取radio对象的方法
Mar 01 Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 Javascript
Jquery的each里用return true或false代替break或continue
May 21 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
Jun 04 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
Aug 22 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 Javascript
js正则表达式验证表单【完整版】
Mar 06 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 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
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
php观察者模式应用场景实例详解
2017/02/03 PHP
php实现微信企业转账功能
2018/10/02 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
IE/FireFox具备兼容性的拖动代码
2007/08/13 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
小程序自定义日历效果
2018/12/29 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
python之wxPython应用实例
2014/09/28 Python
python实现调用其他python脚本的方法
2014/10/05 Python
简单介绍Python中的decode()方法的使用
2015/05/18 Python
Python中return语句用法实例分析
2015/08/04 Python
详解django中自定义标签和过滤器
2017/07/03 Python
Selenium 模拟浏览器动态加载页面的实现方法
2018/05/16 Python
django 中QuerySet特性功能详解
2019/07/25 Python
Django 实现admin后台显示图片缩略图的例子
2019/07/28 Python
Python爬虫库BeautifulSoup的介绍与简单使用实例
2020/01/25 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
教师年终个人自我评价
2013/10/04 职场文书
卫生标语大全
2014/06/21 职场文书
大学生找工作求职信
2014/07/09 职场文书
个人合伙协议书范本
2014/10/14 职场文书
王金山在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
工作调动申请报告
2015/05/18 职场文书