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


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 相关文章推荐
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
JS实现的网页背景闪电闪烁效果代码
Oct 17 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
原生JS实现图片左右轮播
Dec 30 Javascript
jQuery中Chosen三级联动功能实例代码
Mar 07 Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
WebSocket的简单介绍及应用
May 23 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 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代码包装修正版
2008/03/15 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
基于jquery的图片的切换(以数字的形式)
2011/02/14 Javascript
一个级联菜单代码学习及removeClass与addClass的应用
2013/01/24 Javascript
JavaScript instanceof 的使用方法示例介绍
2013/10/23 Javascript
web前端开发JQuery常用实例代码片段(50个)
2015/08/28 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
下雪了 javascript实现雪花飞舞
2020/08/02 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
简单几步实现返回顶部效果
2016/12/05 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
2020/08/05 Javascript
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
Python学生信息管理系统修改版
2018/03/13 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
使用python制作游戏下载进度条的代码(程序说明见注释)
2019/10/24 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
如何用Python绘制3D柱形图
2020/09/16 Python
python代数式括号有效性检验示例代码
2020/10/04 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
银行职员思想汇报
2013/12/31 职场文书
奖学金感谢信
2015/01/21 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers
Nginx利用Logrotate实现日志分割
2022/05/20 Servers
浅谈为什么我的 z-index 又不生效了
2022/07/15 HTML / CSS
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python