DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 防止浏覽器記住用戶名及密碼的簡單實用方法
防止浏覽器記住用戶名及密碼的簡單實用方法
編輯:關於JavaScript     
如何設置能禁止浏覽器自動保存表單信息,比如用戶名,密碼?
現在很多浏覽器都有自動填寫功能,我在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。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved