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


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操作树节点自动折叠展开的几种方法
May 05 Javascript
Javascript核心读书有感之语句
Feb 11 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
javascript 继承学习心得总结
Mar 17 Javascript
详解jQuery选择器
Dec 21 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
Vuex利用state保存新闻数据实例
Jun 28 Javascript
javascript 开发之网页兼容各种浏览器
Sep 28 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
js实现验证码干扰(动态)
Feb 23 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
PHP4中session登录页面的应用
2008/07/25 PHP
cmd下运行php脚本
2008/11/25 PHP
PHP的explode和implode的使用说明
2011/07/17 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
JavaScript关于select的相关操作说明
2010/01/13 Javascript
jquery拖动插件(jquery.drag)使用介绍
2013/06/18 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
深入探讨前端框架react
2015/12/09 Javascript
JavaScript时间操作之年月日星期级联操作
2016/01/15 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
js数据类型转换与流程控制操作实例分析
2019/12/18 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
实例讲解python函数式编程
2014/06/09 Python
Anaconda多环境多版本python配置操作方法
2017/09/12 Python
Python实现FTP文件传输的实例
2019/07/07 Python
在Tensorflow中查看权重的实现
2020/01/24 Python
python如何编写win程序
2020/06/08 Python
简单的命令查看安装的python版本号
2020/08/28 Python
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
存储过程和函数的区别
2013/05/28 面试题
电大毕业生自我鉴定
2013/11/10 职场文书
思想品德自我评价
2014/02/04 职场文书
起诉状范本
2015/05/20 职场文书
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技