小程序中手機號識別的示例
最近做的一個頁面里面包含手機號，點擊可以撥打電話，本計劃著讓后端把各個字段查出來就行了，結(jié)果接口方面給直接拼好了。
接口返回的字符串：
"【王?！繋煾狄呀訂危?lián)系電話：18839687266。稍后與您聯(lián)系。師傅簽到碼為【1234】，師傅上門輸入簽到碼后才可開始服務(wù)。"
這讓我們綁定打電話的事件就不那么方便了，問題聚焦到解析字符串，找出手機號。
split大法，通過split得到包含手機號的數(shù)組，然后遍歷這個數(shù)組，給手機號的元素打上標(biāo)簽。
parseStr (str){
const regPhone = /(1\d{10})/
const list = str.split(regPhone)
const result = []
return list.map(c => {
let tag
regPhone.test(c) ? tag = 'phone' : tag = 'text'
return {
type: tag,
text: c
}
})
}
通過parseStr函數(shù)得到合適的格式后，循環(huán)渲染給手機號綁定事件就可以了,代碼大概如下：
<view>
<block wx:for="{{data}}" wx:for-item="i" wx:key="*this">
<text wx:if="{{i.type === 'text'}}">{{i.text}}</text>
<text wx:else bindtap="call(i.text)">{{i.text}}</text>
</block>
</view>
挺簡單的一個實現(xiàn)，就是一開始沒想到用split。另外一個要注意的點是這個正則regPhone，仔細看，里面加了有括號，如果separator是包含捕獲括號的正則表達式()，則匹配結(jié)果包含在數(shù)組中。
如果不加括號，相當(dāng)于是把匹配到的手機號給丟掉了，加上括號，最終數(shù)組中才會包括我們匹配到的手機號。
到此這篇關(guān)于小程序中手機號識別的示例的文章就介紹到這了,更多相關(guān)小程序 手機號識別內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
顯示/隱藏側(cè)邊欄...2006-10-10
javascript圖片切換綜合實例（循環(huán)切換、順序切換）
這篇文章主要介紹了javascript圖片切換綜合實例，包括javascript圖片循環(huán)切換、javascript圖片順序切換，兩張圖片的切換，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細介紹了js通過循環(huán)多張圖片實現(xiàn)動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
一種很常見的寫法,大家都是這樣寫的，但如果這樣的代碼，殺毒軟件認為是病毒的吧，就太惡劣的。判斷能力也太差了。2009-09-09
JavaScript實現(xiàn)點擊圖片翻轉(zhuǎn)效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)點擊圖片翻轉(zhuǎn)效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家詳細介紹了hammer.js實現(xiàn)圖片手勢放大效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例
這篇文章主要介紹了JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
Layui給數(shù)據(jù)表格動態(tài)添加一行并跳轉(zhuǎn)到添加行所在頁的方法
今天小編就為大家分享一篇Layui給數(shù)據(jù)表格動態(tài)添加一行并跳轉(zhuǎn)到添加行所在頁的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了JavaScript對象原型鏈原理解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-01-01
js扁平數(shù)組和樹結(jié)構(gòu)相互轉(zhuǎn)換處理方法
這篇文章主要給大家介紹了關(guān)于js扁平數(shù)組和樹結(jié)構(gòu)相互轉(zhuǎn)換處理方法的相關(guān)資料,之前面試有遇到過這個問題,面試官問如何把一個數(shù)組數(shù)據(jù)扁平,然后轉(zhuǎn)化為Tree結(jié)構(gòu)數(shù)據(jù),工作中剛好也用到了,所以總結(jié)下,需要的朋友可以參考下2023-07-07