資訊專欄INFORMATION COLUMN
摘要：于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被瀏覽器默認填寫，導致反復觸發校驗。正常觸發自動填充解決方式既然瀏覽器遇到與的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區域。經測試問題解決。
在開發中偶然遇到的一個奇怪的問題，有一個需求會讓用戶輸入郵箱和密碼信息，該表單設置了校驗規則（當觸發blur時，才會觸發校驗），但之后的測試發現，只要進入該頁面時，就會反復觸發校驗，導致后臺接口被頻繁請求。于是乎檢查代碼，初步判定是校驗規則出現死循環導致，但考慮到需要blur才能觸發校驗，再三檢查代碼后排除代碼問題。于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被Chrome瀏覽器默認填寫，導致反復觸發校驗。
類似于這樣的結構，瀏覽器會默認填寫字段。
瀏覽器默認開啟的表單填寫
瀏覽器設置如圖：
以Chrome為例，當瀏覽器遇到type="text"與type="password"的標簽緊鄰時，會觸發瀏覽器填寫行為。默認為黃色背景。
正常：
觸發自動填充：
既然瀏覽器遇到type="text"與type="password"的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式“欺騙”瀏覽器，將密碼信息填寫在隱藏區域。
經測試問題解決。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51770.html
摘要：所以，這里給設置初始為，在用戶點擊聚焦后設置為，避免瀏覽器在頁面之后判斷登錄表單進行回填。 本文由 Deguang 發表于 碼路-技術博客 瀏覽器的保存賬戶密碼功能，給我們帶來了很大的便利，但是在有些情況下，我們并不希望瀏覽器幫我們填充一些表單，然而autocomplete的一些參數項并不能阻止瀏覽器回填，這里我們來看下如何解決這個問題。 問題描述： 項目注冊部分的表單有三項，分別為手...
摘要：于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被瀏覽器默認填寫，導致反復觸發校驗。正常觸發自動填充解決方式既然瀏覽器遇到與的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區域。經測試問題解決。 在開發中偶然遇到的一個奇怪的問題，有一個需求會讓用戶輸入郵箱和密碼信息，該表單設置了校驗規則（當觸發blur時，才會觸發校驗），但之后的測試發現，只...
閱讀 631·2021-08-17 10:15
閱讀 1715·2021-07-30 14:57
閱讀 1970·2019-08-30 15:55
閱讀 2813·2019-08-30 15:55
閱讀 2703·2019-08-30 15:44
閱讀 662·2019-08-30 14:13
閱讀 2380·2019-08-30 13:55
閱讀 2587·2019-08-26 13:56
