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


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 相关文章推荐
JavaScript 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
JS函数重载的解决方案
May 13 Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
javascript如何创建对象
Aug 29 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
NODE.JS跨域问题的完美解决方案
Oct 20 Javascript
node中koa中间件机制详解
Aug 22 Javascript
JS使用new操作符创建对象的方法分析
May 30 Javascript
微信小程序点击顶部导航栏切换样式代码实例
Nov 12 Javascript
微信小程序中target和currentTarget的区别小结
Nov 06 Javascript
解决Vue watch里调用方法的坑
Nov 07 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
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
图标线性回归斜着移动到指定的位置
2013/08/16 Javascript
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
2017/09/25 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
又拍云 Node.js 实现文件上传、删除功能
2018/10/28 Javascript
js删除数组中某几项的方法总结
2019/01/16 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
python实现ipsec开权限实例
2014/11/11 Python
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
利用Python裁切tiff图像且读取tiff,shp文件的实例
2020/03/10 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
车间主管岗位职责
2013/11/14 职场文书
2014社区三八妇女节活动方案
2014/03/30 职场文书
病人慰问信范文
2015/02/15 职场文书
Java对文件的读写操作方法
2022/04/29 Java/Android