快捷導(dǎo)航

防止瀏覽器記住用戶名及密碼的簡(jiǎn)單實(shí)用方法

更新時(shí)間：2013年04月22日 10:59:41 作者：

很多瀏覽器都有自動(dòng)填寫功能，我在input上使用了autocomplete="off"，但在有的瀏覽器上還是被記住了用戶名跟密碼，請(qǐng)問(wèn)有沒(méi)有更有效及簡(jiǎn)便的方法來(lái)防止瀏覽器記住用戶名及密碼

如何設(shè)置能禁止瀏覽器自動(dòng)保存表單信息，比如用戶名，密碼？
現(xiàn)在很多瀏覽器都有自動(dòng)填寫功能，我在input上使用了autocomplete="off"，但在有的瀏覽器上還是被記住了用戶名跟密碼，請(qǐng)問(wèn)有沒(méi)有更有效及簡(jiǎn)便的方法來(lái)防止瀏覽器記住用戶名及密碼？

1、針對(duì)瀏覽器記住密碼
1).首先大部分瀏覽器都是根據(jù)表單域的type="password"來(lái)判斷密碼域的，所以針對(duì)這種情況可以采取“動(dòng)態(tài)設(shè)置密碼域”的方法：

復(fù)制代碼代碼如下:

解釋：當(dāng)這個(gè)文檔框獲取焦點(diǎn)時(shí)才將其變成密碼域，這樣瀏覽器就不會(huì)記住密碼，當(dāng)然為了更加完善，還可以把a(bǔ)utocomplete="off"屬性也加上。
2).在onload事件,把密碼框的值清空,即：

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
window.load = function(){ 
document.getElementById('密碼域ID').value=''; 
}; 
</script> 

3).頁(yè)面采用https協(xié)議，因?yàn)閔ttps是不會(huì)對(duì)表單進(jìn)行保存信息的。
4).采用flash做登錄表單，這種情況瀏覽器也不會(huì)記錄表單信息。
5).再來(lái)個(gè)變態(tài)的好了，就是可以把type="password"改成type="text",因?yàn)閠ype不是password就不會(huì)出現(xiàn)記住密碼功能,然后設(shè)置一個(gè)變量如：var val=""或者是設(shè)置一個(gè)隱藏域<input type="hidden" name="val">，最后用onpropertychange把密碼換成一行圓點(diǎn),并把值賦給val，提交時(shí)再把val的值還原回去，由于效果和*號(hào)一樣。用戶是看不出來(lái)的。

2、針對(duì)有些瀏覽器插件的自動(dòng)填表功能
這個(gè)就比較麻煩了，我想這種情況應(yīng)該是插件記住表單域name的值，然后再進(jìn)行填表，這種情況，我覺(jué)得可以在頁(yè)面加載時(shí)動(dòng)態(tài)更改name的值，當(dāng)提交表單的時(shí)候再把表單的值組合成正確的對(duì)應(yīng)值再提交。這個(gè)沒(méi)有經(jīng)過(guò)驗(yàn)證，只是我個(gè)人的想法。你可以試試

如果以上這些方法還滿足不了你，那我也沒(méi)辦法了。

建議：
試一下把對(duì)應(yīng)域名下的cookie清掉,瀏覽器應(yīng)該是根據(jù)cookie來(lái)記住用戶名密碼的。
(不是的，有的瀏覽器是在你提交表單后，根據(jù)你提交的值來(lái)記住的)
(對(duì)的有些瀏覽器不記錄在COOKIE 這個(gè)比較頭疼順便問(wèn)下INPUT里輸入過(guò)的值如何清除？我希望能像銀行的那樣輸入過(guò)的值不再出現(xiàn))
瀏覽器記住密碼的實(shí)現(xiàn)方式就是通過(guò)尋找type為password的input輸入框，然后前邊一個(gè)輸入框就作為用戶名記住。所以解決這個(gè)問(wèn)題的辦法就是在用戶名input和密碼input之間增加一個(gè)type為text的輸入框設(shè)置css屬性display為none。

您可能感興趣的文章: