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