jquery禁止浏览器自动记录填充密码

最近在写一个支付功能的时候，打算禁止浏览器记录密码，于是把密码框的autocomplete属性设置为off。IE里面是正常的，可试了谷歌和火狐浏览器，这下淡疼了，居然不支持autocomplete=off，居然在清空了输入框的帐号以后，点击输入框还带有自动完成功能，这说明autocomplete功能完全没生效嘛。 

百度一下禁止浏览器记录密码，各种方法大同小异，有的说把type=password改为type=text，使用onfocus功能，抱歉了，IE不支持。下面深圳网站建设给大家推荐一种方法，亲测，绝对有效。 

代码如下：

JS禁止浏览器自动填充密码代码

$("#PWD").focus(function(){

$(this).hide();

$("#paypass").val("").show().focus();

});

$("#paypass").blur(function(){

$(this).show();

$("#PWD").hide();

});

支付密码：<input type="text" name="PWD" id="PWD" maxlength="16" value="" class="txtbox" style="width:200px;" autocomplete="off"/><input type="password" name="paypass" id="paypass" maxlength="16" value="" class="txtbox" style="width:200px;display:none;" autocomplete="off"/>

js禁止浏览器自动填充密码的原理

使用两个输入框，开始时type=text的文本框显示，密码框为隐藏，当鼠标光标移动到文本框再显示密码框，说的有点复杂，需要的朋友可以把上述代码复制出来亲自调试一遍。

本文由深圳网站建设原创发布，转载请保留出处。

本文地址http://www.9tnl.com/news/news809.html