禁止瀏覽器自動填充到表單

EscapedDog 發布于2019-08-29 14:22 / 3221人閱讀

摘要：于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被瀏覽器默認填寫，導致反復觸發校驗。正常觸發自動填充解決方式既然瀏覽器遇到與的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區域。經測試問題解決。

在開發中偶然遇到的一個奇怪的問題，有一個需求會讓用戶輸入郵箱和密碼信息，該表單設置了校驗規則（當觸發blur時，才會觸發校驗），但之后的測試發現，只要進入該頁面時，就會反復觸發校驗，導致后臺接口被頻繁請求。于是乎檢查代碼，初步判定是校驗規則出現死循環導致，但考慮到需要blur才能觸發校驗，再三檢查代碼后排除代碼問題。于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被Chrome瀏覽器默認填寫，導致反復觸發校驗。

問題：

類似于這樣的結構，瀏覽器會默認填寫字段。

分析原因：

瀏覽器默認開啟的表單填寫

瀏覽器設置如圖：

以Chrome為例，當瀏覽器遇到type="text"與type="password"的標簽緊鄰時，會觸發瀏覽器填寫行為。默認為黃色背景。

正常：

觸發自動填充：

解決方式：

既然瀏覽器遇到type="text"與type="password"的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式“欺騙”瀏覽器，將密碼信息填寫在隱藏區域。

經測試問題解決。

GPU云服務器云服務器自動填充 js填充表單數據自動填充php js form表單填充數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113072.html

如何禁止瀏覽器自動填充

摘要：所以，這里給設置初始為，在用戶點擊聚焦后設置為，避免瀏覽器在頁面之后判斷登錄表單進行回填。本文由 Deguang 發表于碼路-技術博客瀏覽器的保存賬戶密碼功能，給我們帶來了很大的便利，但是在有些情況下，我們并不希望瀏覽器幫我們填充一些表單，然而autocomplete的一些參數項并不能阻止瀏覽器回填，這里我們來看下如何解決這個問題。問題描述：項目注冊部分的表單有三項，分別為手...

jone5679 2019-08-02 11:43 評論0 收藏0
禁止瀏覽器自動填充到表單

摘要：于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被瀏覽器默認填寫，導致反復觸發校驗。正常觸發自動填充解決方式既然瀏覽器遇到與的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區域。經測試問題解決。在開發中偶然遇到的一個奇怪的問題，有一個需求會讓用戶輸入郵箱和密碼信息，該表單設置了校驗規則（當觸發blur時，才會觸發校驗），但之后的測試發現，只...

chuyao 2019-08-01 18:29 評論0 收藏0
禁止瀏覽器自動填充

摘要：如何禁止瀏覽器自動填充屬性規定輸入字段是否應該啟用自動完成功能方法一設置沒錯，是可以控制瀏覽器自動完成功能，但文檔里說可以禁止瀏覽器自動填充，經過實際操作一試，然而并不能，已經失效了，經過探索發現注意在像，等項目中應該用駝峰命名法加到對如何禁止瀏覽器自動填充 autocomplete 屬性規定輸入字段是否應該啟用自動完成功能方法一：設置autocomplete=new-passwo...

Jioby 2019-08-02 11:56 評論0 收藏0