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


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不是基础的基础
Dec 24 Javascript
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
Aug 09 Javascript
SVG描边动画
Feb 23 Javascript
vue基于viewer实现的图片查看器功能
Apr 12 Javascript
js实现倒计时秒杀效果
Mar 25 Javascript
Vue v-bind动态绑定class实例方法
Jan 15 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
Apr 09 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
three.js 实现露珠滴落动画效果的示例代码
Mar 01 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 include,include_once,require,require_once
2008/09/05 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
基于jQuery的获取标签名的代码
2012/07/16 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
javascript制作2048游戏
2015/03/30 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
javascript填充默认头像方法
2018/02/22 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
jQuery实现动态操作table行
2020/11/23 jQuery
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
python获取目录下所有文件的方法
2015/06/01 Python
在Django的视图中使用数据库查询的方法
2015/07/16 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
金融专业推荐信
2013/11/14 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
建筑经济管理专业求职信分享
2014/01/06 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
分家协议书
2014/04/21 职场文书
植物生产学专业求职信
2014/08/08 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
个人售房合同协议书
2016/03/21 职场文书
python通过函数名调用函数的几种方法总结
2021/06/07 Python
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL
MySQL存储过程及语法详解
2022/08/05 MySQL