手機號4位顯示空格,銀行卡每4位顯示空格

2022-08-05 02:24:18 字數 1849 閱讀 9924

開發有時候會遇到輸入手機號和銀行卡號,按照每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的介紹和使用 專案結構圖和...