今天就跟大家聊聊有關如何在小程序中實現一個手機號識別功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

創新互聯專注于企業成都營銷網站建設、網站重做改版、萬榮網站定制設計、自適應品牌網站建設、HTML5建站、商城網站建設、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為萬榮等各大城市提供網站開發制作服務。

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

接口返回的字符串：

"【王海】師傅已接單，聯系電話：18839687266。稍后與您聯系。師傅簽到碼為【1234】，師傅上門輸入簽到碼后才可開始服務。"

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

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

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函數得到合適的格式后，循環渲染給手機號綁定事件就可以了,代碼大概如下：

<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>

挺簡單的一個實現，就是一開始沒想到用split。另外一個要注意的點是這個正則regPhone，仔細看，里面加了有括號，如果separator是包含捕獲括號的正則表達式()，則匹配結果包含在數組中。

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

看完上述內容，你們對如何在小程序中實現一個手機號識別功能有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創新互聯行業資訊頻道，感謝大家的支持。

標題名稱：如何在小程序中實現一個手機號識別功能-創新互聯
鏈接分享：http://vcdvsql.cn/article16/ccsegg.html

成都網站建設公司_創新互聯，為您提供網站建設、網站內鏈、App開發、網站制作、網站排名、小程序開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯