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


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中对象property的读取和写入方法介绍
Dec 30 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
深入理解node exports和module.exports区别
Jun 01 Javascript
JavaScript的字符串方法汇总
Jul 31 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
javascript回调函数详解
Feb 06 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
Nov 05 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 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截取utf-8中文字符串乱码的解决方法
2010/03/29 PHP
php生成EAN_13标准条形码实例
2013/11/13 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
PHP抓取远程图片(含不带后缀的)教程详解
2016/10/21 PHP
JavaScript中的Window窗口对象
2008/01/16 Javascript
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
2016/03/08 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
AngularJS实现的base64编码与解码功能示例
2018/05/17 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
[54:33]2018DOTA2亚洲邀请赛小组赛 A组加赛 Liquid vs Optic
2018/04/03 DOTA
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
python实现在线翻译
2020/06/18 Python
基于CSS3实现的几个小loading效果
2018/09/27 HTML / CSS
HTML5等待加载动画效果
2017/07/27 HTML / CSS
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
网站开发实习生的自我评价
2013/12/11 职场文书
教育教学读书笔记
2015/07/02 职场文书
公司酒会主持词
2015/07/02 职场文书
2016全国“质量月”活动标语口号
2015/12/26 职场文书