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


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强制把网址设为默认首页
Sep 29 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
Jan 08 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
Node.js返回JSONP详解
May 18 Javascript
Bootstrap下拉菜单效果实例代码分享
Jun 30 Javascript
如何获取元素的最终background-color
Feb 06 Javascript
Angularjs 动态添加指令并绑定事件的方法
Apr 13 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
Sep 14 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
PHP防CC攻击实现代码
2011/12/29 PHP
基于PHP创建Cookie数组的详解
2013/07/03 PHP
php设计模式之简单工厂模式详解
2014/09/04 PHP
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
php curl常用的5个经典例子
2017/01/20 PHP
鼠标滑在标题上显示图片的JS代码
2013/11/19 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
jquery实现表单验证并阻止非法提交
2015/07/09 Javascript
js中对函数设置默认参数值的3种方法
2015/10/23 Javascript
简单理解Vue条件渲染
2016/12/03 Javascript
jquery精度计算代码 jquery指定精确小数位
2017/02/06 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
2019/09/16 Javascript
mpvue实现左侧导航与右侧内容的联动
2019/10/21 Javascript
将Vue组件库更换为按需加载的方法步骤
2020/05/06 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
python常用知识梳理(必看篇)
2017/03/23 Python
Numpy对数组的操作:创建、变形(升降维等)、计算、取值、复制、分割、合并
2019/08/28 Python
python pygame实现球球大作战
2019/11/25 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
在pycharm中使用pipenv创建虚拟环境和安装django的详细教程
2020/11/30 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
编写strcpy函数
2014/06/24 面试题
材料采购员岗位职责
2013/12/17 职场文书
大学生职业生涯规划书
2014/03/14 职场文书
歌剧魅影观后感
2015/06/05 职场文书