開發有時候會遇到輸入手機號和銀行卡號,按照每4位顯示乙個空格的需求,方便使用者閱讀,如果是純展示,就很容易實現,如果是一邊輸入一邊展示則有點難度
有人用兩個input實現,乙個負責輸入資料,但是透明看不見,另外乙個展示在介面上,變相的解決了這個需求(手機上可呼叫數字鍵盤)
本次取巧寫個demo,只用乙個input用定時器不斷的查詢輸入的字元來判斷輸入的資料(無法直接呼叫數字鍵盤,因為裡邊有空格)
如果是銀行卡號,將字元判斷長度更改為,也可以根據實際需求來判斷長度
lastlen === 5 || lastlen === 10 || lastlen === 15|| lastlen === 20
話不多說,上**
//定義兩個快取值
varfirstlen =0
;
varlastlen =0
;
varre=/
^1(3|4|5|7|8)\d$/;
telphone.oninput
=function
()
else
}else
}telphone.onfocus
=function
() }
else
if(lastlen
<=
firstlen)
firstlen
=telphone.value.length;
}},
10);
//如果手機出現卡頓,可適當把定時器時間加大
}script
>
body
>
html
>
判斷身份證 銀行卡 手機號等
判斷手機號 bool checkphone nsstring phonenumber 手機號碼 13 0 9 14 5,7 15 0,1,2,3,5,6,7,8,9 17 6,7,8 18 0 9 170 0 9 移動號段 134,135,136,137,138,139,150,151,152,15...
js控制手機號 銀行卡輸入格式化
function formatinput inputelem else setcursorposition ctx,curpos,index delta 50 function paddingspace str d g,1 replace d d g,1 如上方法是控制輸入值的格式,當然你可以改變r...
手機號,銀行卡號等自動分組顯示的輸入框
位址如下 前言 在android開發中,我們經常會遇到手機號,銀行卡號,稅號等長串數字或字母,為了視覺上的簡潔化,需要4個一組分組顯示,今天就講講這個功能的實現和使用。今天涉及的內容有 原理分析 小寫轉大寫的類uppercasetransform 封裝類credittext的介紹和使用 專案結構圖和...