欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

小程序中手機號識別的示例

 更新時間：2020年12月14日 10:53:19   作者：唐_銀  
這篇文章主要介紹了小程序中手機號識別的示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

最近做的一個頁面里面包含手機號，點擊可以撥打電話，本計劃著讓后端把各個字段查出來就行了，結(jié)果接口方面給直接拼好了。

接口返回的字符串：

"【王?！繋煾狄呀訂?，聯(lián)系電話：18839687266。稍后與您聯(lián)系。師傅簽到碼為【1234】，師傅上門輸入簽到碼后才可開始服務。"

這讓我們綁定打電話的事件就不那么方便了，問題聚焦到解析字符串，找出手機號。

split大法，通過split得到包含手機號的數(shù)組，然后遍歷這個數(shù)組，給手機號的元素打上標簽。

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ù)組中。

 

如果不加括號，相當于是把匹配到的手機號給丟掉了，加上括號，最終數(shù)組中才會包括我們匹配到的手機號。

到此這篇關于小程序中手機號識別的示例的文章就介紹到這了,更多相關小程序 手機號識別內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論