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