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


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正则表达式获取分组内容的方法详解
Nov 15 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
js实现点击图片改变页面背景图的方法
Feb 28 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
基于JS实现checkbox全选功能实例代码
Oct 31 Javascript
拖动时防止选中
Feb 03 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
基于element-ui的rules中正则表达式
Sep 04 Javascript
微信小程序之swiper滑动面板用法示例
Dec 04 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 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对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
值得分享的php+ajax实时聊天室
2016/07/20 PHP
PHP实现网站访问量计数器
2017/10/27 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
createElement动态创建HTML对象脚本代码
2008/11/24 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
2013/09/10 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
2016/09/05 Javascript
JavaScript实现经纬度转换成地址功能
2017/03/28 Javascript
Vue的Flux框架之Vuex状态管理器
2017/07/30 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
在vue中多次调用同一个定义全局变量的实例
2018/09/25 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
vuex如何重置所有state(可定制)
2019/01/17 Javascript
vue-froala-wysiwyg 富文本编辑器功能
2019/09/19 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
python实现DES加密解密方法实例详解
2015/06/30 Python
Python入门_条件控制(详解)
2017/05/16 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
快速解释如何使用pandas的inplace参数的使用
2020/07/23 Python
详解python对象之间的交互
2020/09/29 Python
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
ORACLE第二个十问
2013/12/14 面试题
前台接待岗位职责
2013/12/03 职场文书
生产部厂长助理职位说明书
2014/03/03 职场文书
保护环境建议书400字
2014/05/13 职场文书
房产公证书样本
2015/01/23 职场文书
售票员岗位职责
2015/02/15 职场文书
严以用权学习心得体会
2016/01/12 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书