H5 IOS自動(dòng)填充驗(yàn)證碼兩次的bug

iOS12新增一個(gè)功能就是可以自動(dòng)填充驗(yàn)證碼,當(dāng)你點(diǎn)擊鍵盤上面的驗(yàn)證碼時(shí),如果這時(shí)你監(jiān)聽了UITextFieldTextDidChangeNotification,那么這時(shí)你會(huì)收到兩個(gè)相同的回調(diào)。

這時(shí)候可以手動(dòng)控制input的長(zhǎng)度,假設(shè)驗(yàn)證碼是6位數(shù),當(dāng)在<input type="text"><input type="password"> 的情況下,可以用maxlength控制長(zhǎng)度;當(dāng)在<input type="number">時(shí),maxlength失效,這時(shí)候建議用

<input type="number" oninput="if(value.length>6)value=value.slice(0,6)" />

這樣就可以了,覺得有用就點(diǎn)個(gè)贊再走唄!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,797評(píng)論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,108評(píng)論 1 92
  • 一、Python簡(jiǎn)介和環(huán)境搭建以及pip的安裝 4課時(shí)實(shí)驗(yàn)課主要內(nèi)容 【Python簡(jiǎn)介】: Python 是一個(gè)...
    _小老虎_閱讀 6,319評(píng)論 0 10
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,928評(píng)論 0 0
  • 王爾德的夜鶯 早就叫了一天 玫瑰變得無比鮮紅 —— 小王子 尋著夜鶯的嚎叫趕來 看著鮮紅的玫瑰 美麗 讓人愛慕但也...
    石默_語閱讀 223評(píng)論 0 5

友情鏈接更多精彩內(nèi)容