登入被瀏覽器記住密碼後,密碼填充到密碼框問題

2022-01-10 02:52:45 字數 1067 閱讀 4710

一般登陸之後瀏覽器會詢問是否記住密碼,如果把密碼記住在瀏覽器上,下次登陸的時候瀏覽器會把使用者名稱和密碼自動填充到登入頁面。工作中做專案提測後,測試提出360瀏覽器記住密碼後會自用把登陸賬號和密碼填充到新增賬號頁面和修改賬號頁面,經過本地測試後發現確實存在該問題。 類似於這樣:

從使用者的角度來說 這麼整肯定不行,即使是瀏覽器的問題。通過組內人員的一步一步探索最終找到解決辦法:

1、通過網上搜尋 發現有些文章是提供設定設定文字框的autocomplete屬性為off,根據該方法修改後發現並沒有解決問題,原來該屬性的含義代表是否讓瀏覽器自動記錄之前輸入的值。

2、從一篇文章上看到「大部分瀏覽器都是根據表單域的type="password"來判斷密碼域」,也給出了解決辦法,「動態改變文字框」

所以在頁面載入時不讓它是密碼框,改成文字框,果然密碼就匹配不上了。當該密碼框獲取焦點後改變他的type屬性  this.type="password",這種寫法可以實現功能。但使用ie瀏覽器測試時發現在ie8及一下的瀏覽器中this.type會報錯。該方法還是不能徹底解決這個問題。

3、在文字框外面巢狀標籤

可以在文字框獲取焦點之後直接改變label標籤的html

$("#secondpwd").live('focus', function ()

})

這種寫法在ie8及以下瀏覽器下面都可以實現效果,但經過後期測試又發現在360急速模式下面仍然能夠填充上使用者名稱和密碼,還得找其他的解決辦法

4、在使用第五種方法的之前,考慮把所有的框都先設為唯讀,然後在獲取焦點後設定成可寫,失去焦點後在唯讀,但密碼框設定為可寫之後仍會匹配上。

5、載入乙個顯示的文字框和隱藏的密碼框

//為了防止隱藏的文字框被匹配上  先設定為唯讀

當文字框再獲取焦點之後

$("[name=txtpwd]").live('focus', function () )

解決瀏覽器記住密碼後表單自動填充問題

1 autocomplete new password 在input 標籤中 增加 autocomplete new password 屬性,但是有些瀏覽器失效。2 增加form標籤 在input外面要有form標籤包裹,但是有些瀏覽器也會存在自動填充問題。3 readonly nf cus thi...

怎麼禁止自動填充瀏覽器記住的密碼?

禁止瀏覽器儲存密碼和禁止瀏覽器填充密碼 瀏覽器儲存密碼是根據input password 來判斷的,所有我們只要保證瀏覽器在dom結構中識別不到密碼框即可。so 密碼輸入位置預設為input text 在輸入框上新增 nf cus this.type password 輸入框獲得焦點時改變輸入框格式...

阻止瀏覽器記住密碼功能

一 關於瀏覽器記住密碼功能 可以參考 二 如何控制瀏覽器不提示 是否記住密碼 呢 解決方案1 1.關閉表單的自動完成功能 autocomplete false,關於參考 autocomplete屬性 2.延遲設定密碼域,即在頁面載入成功後 將輸入框的type password 示例 div clas...