資訊專欄INFORMATION COLUMN
摘要：于是查看瀏覽器頁面行為，發(fā)現(xiàn)該表單郵箱賬號(hào)密碼字段被瀏覽器默認(rèn)填寫，導(dǎo)致反復(fù)觸發(fā)校驗(yàn)。正常觸發(fā)自動(dòng)填充解決方式既然瀏覽器遇到與的標(biāo)簽緊鄰時(shí)觸發(fā)自動(dòng)填充行為，則將兩個(gè)隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區(qū)域。經(jīng)測試問題解決。
在開發(fā)中偶然遇到的一個(gè)奇怪的問題，有一個(gè)需求會(huì)讓用戶輸入郵箱和密碼信息，該表單設(shè)置了校驗(yàn)規(guī)則（當(dāng)觸發(fā)blur時(shí)，才會(huì)觸發(fā)校驗(yàn)），但之后的測試發(fā)現(xiàn)，只要進(jìn)入該頁面時(shí)，就會(huì)反復(fù)觸發(fā)校驗(yàn)，導(dǎo)致后臺(tái)接口被頻繁請求。于是乎檢查代碼，初步判定是校驗(yàn)規(guī)則出現(xiàn)死循環(huán)導(dǎo)致，但考慮到需要blur才能觸發(fā)校驗(yàn)，再三檢查代碼后排除代碼問題。于是查看瀏覽器頁面行為，發(fā)現(xiàn)該表單郵箱賬號(hào)密碼字段被Chrome瀏覽器默認(rèn)填寫，導(dǎo)致反復(fù)觸發(fā)校驗(yàn)。
類似于這樣的結(jié)構(gòu)，瀏覽器會(huì)默認(rèn)填寫字段。
瀏覽器默認(rèn)開啟的表單填寫
瀏覽器設(shè)置如圖：
以Chrome為例，當(dāng)瀏覽器遇到type="text"與type="password"的標(biāo)簽緊鄰時(shí)，會(huì)觸發(fā)瀏覽器填寫行為。默認(rèn)為黃色背景。
正常：
觸發(fā)自動(dòng)填充：
既然瀏覽器遇到type="text"與type="password"的標(biāo)簽緊鄰時(shí)觸發(fā)自動(dòng)填充行為，則將兩個(gè)隔開，使用隱藏的方式“欺騙”瀏覽器，將密碼信息填寫在隱藏區(qū)域。
經(jīng)測試問題解決。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/113072.html
摘要：所以，這里給設(shè)置初始為，在用戶點(diǎn)擊聚焦后設(shè)置為，避免瀏覽器在頁面之后判斷登錄表單進(jìn)行回填。 本文由 Deguang 發(fā)表于 碼路-技術(shù)博客 瀏覽器的保存賬戶密碼功能，給我們帶來了很大的便利，但是在有些情況下，我們并不希望瀏覽器幫我們填充一些表單，然而autocomplete的一些參數(shù)項(xiàng)并不能阻止瀏覽器回填，這里我們來看下如何解決這個(gè)問題。 問題描述： 項(xiàng)目注冊部分的表單有三項(xiàng)，分別為手...
摘要：于是查看瀏覽器頁面行為，發(fā)現(xiàn)該表單郵箱賬號(hào)密碼字段被瀏覽器默認(rèn)填寫，導(dǎo)致反復(fù)觸發(fā)校驗(yàn)。正常觸發(fā)自動(dòng)填充解決方式既然瀏覽器遇到與的標(biāo)簽緊鄰時(shí)觸發(fā)自動(dòng)填充行為，則將兩個(gè)隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區(qū)域。經(jīng)測試問題解決。 在開發(fā)中偶然遇到的一個(gè)奇怪的問題，有一個(gè)需求會(huì)讓用戶輸入郵箱和密碼信息，該表單設(shè)置了校驗(yàn)規(guī)則（當(dāng)觸發(fā)blur時(shí)，才會(huì)觸發(fā)校驗(yàn)），但之后的測試發(fā)現(xiàn)，只...
摘要：如何禁止瀏覽器自動(dòng)填充屬性規(guī)定輸入字段是否應(yīng)該啟用自動(dòng)完成功能方法一設(shè)置沒錯(cuò)，是可以控制瀏覽器自動(dòng)完成功能，但文檔里說可以禁止瀏覽器自動(dòng)填充，經(jīng)過實(shí)際操作一試，然而并不能，已經(jīng)失效了，經(jīng)過探索發(fā)現(xiàn)注意在像，等項(xiàng)目中應(yīng)該用駝峰命名法加到對(duì) 如何禁止瀏覽器自動(dòng)填充 autocomplete 屬性規(guī)定輸入字段是否應(yīng)該啟用自動(dòng)完成功能 方法一：設(shè)置autocomplete=new-passwo...
閱讀 1046·2021-11-23 09:51
閱讀 3556·2021-11-22 12:04
閱讀 2807·2021-11-11 16:55
閱讀 3087·2019-08-30 15:55
閱讀 3309·2019-08-29 14:22
閱讀 3421·2019-08-28 18:06
閱讀 1294·2019-08-26 18:36
閱讀 2185·2019-08-26 12:08
