解決微信小程式銀行卡號輸入轉換格式

2021-07-27 02:53:20 字數 1378 閱讀 4250

ps:2017-02-17 19:44 (發現新bug,暫已解決優化中)

新手第一次寫部落格,請多多見諒!

(感覺會有更好的辦法,希望有大牛能對我指點指點)

輸入框:

輸入後的值:

樣式太醜了,決定換乙個樣式

給輸入框乙個監聽事件

(輸入的值長度+1) % 5 等於 0 就加上空格,但是後來發現,使用者回刪資料的時候依舊在監聽,導致空格刪除不了,當輸入的長度為4 則加上空格,使用者回刪空格觸發監聽事件,長度繼續為4 繼續加上空格…..

思考一番後決定給予乙個資料中轉站,將每次輸入的值長度給予中轉站,每次首先根據中轉站的資料判斷使用者是在輸入還是回刪,輸入則加上空格,回刪則除去尾部空格。

效果如下

比起之前的樣式好看多了

js**

page(,

//輸入框的監聽事件

bankcardnoinput: function

(e) }else

//將處理後的值賦予到輸入框

this.setdata()

//將每次使用者輸入的卡號長度賦予到長度中轉站

this.setdata()

},bindviewtap: function

() )

},onload: function

() })

2017-02-20

新bug為 使用者輸入12345會轉成1234 5但是使用者回刪2次,變成1234再次輸入的時候,長度為5,判斷為使用者回刪,不作處理,目前我所解決的方法是在js接受使用者輸入的卡號時將所有空格去除並獲取長度,長度為5、9、13、17這幾個地方時進行切割字串,感覺這樣處理不是很好,期望有大牛能指導一下

**使用位置:

if(len > this.data.cardlen)

if(len

/5 ==1||len

/9 ==1||len

%13 ==0||len

%17 ==0)}}

js新增**如下:

function

checkcardno(len,card)

if(len >= 9)

if(len >= 13)

if(len >= 17)

newstr = newstr + card.substr(len-1,len)

return newstr

}

微信錢包功能公升級,不輸卡號就能繫結銀行卡

程式設計客棧 www.cppcns.com程式設計客棧 9月25日 訊息 一直以來,一張銀行卡要綁到自己的微信有乙個比較煩人的問題是,必須提供銀行卡號,而大多數小夥伴根本記不住 16 位銀行卡卡號。現在微信錢包終於上線了新功能,不輸卡號也能繫結銀行卡。那具體怎麼做呢?使用者進入微信錢包新增銀行卡的頁...

微信小程式時間加法 微信小程式日期轉換 比較 加減

日期轉時間戳 functiongetunixtime datestr 時間戳轉日期,falg true表示只要年月日,part year month date functiontodate number,flag,part else if part month else if part date r...

微信小程式 wx key 提示 解決

在實際開發過程中遇到 warning now you can provide attr wx key for a wx for to improve performance.上網查詢資料與檢視官方文件發現原因大致如下 官方解釋 wx key 如果列表中專案的位置會動態改變或者有新的專案新增到列表中,...