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


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 相关文章推荐
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
jquery 弹出层实现代码
Oct 30 Javascript
JavaScript 数组循环引起的思考
Jan 01 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
May 04 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
Vue中计算属性computed的示例解读
Jul 26 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
微信小程序http连接访问解决方案的示例
Nov 05 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
Aug 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 面向对象的一个例子
2011/04/12 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
js中Function引用类型常见有用的方法和属性详解
2019/12/11 Javascript
详解如何在JS代码中消灭for循环
2019/12/11 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
python deque模块简单使用代码实例
2020/03/12 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
大学军训感言400字
2014/03/11 职场文书
精彩的广告词
2014/03/19 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
病人慰问信范文
2015/02/15 职场文书
运动会致辞稿
2015/07/29 职场文书
护士心得体会范文
2016/01/25 职场文书
资深HR教你写好简历中的自我评价
2019/05/07 职场文书
送给火锅店的创意营销方案!
2019/07/08 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers