微信小程序 识别文字内的手机号码或者电话号码然后拨打电话

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文：

效果图：

需求：识别文字内的手机号码或者电话号码然后拨打电话

{{data}}


  
    拨打 {{item}} 
  

js

// 正则匹配手机号码和电话号码
function checkPhone(text) {
  return text.match(/((((13[0-9])|(15[^4])|(18[0,1,2,3,5-9])|(17[0-8])|(147))\d{8})|((\d3,4|\d{3,4}-|\s)?\d{7,14}))?/g);
}
var content;
// pages/detail/detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },
  click: function (e) {
    var phone = content
    // console.log(checkPhone(phone)) //把字符串检索出来的的数字拆分
    var phone_list = checkPhone(phone)
    var yse_phone = []
    for (var i = 0; i < phone_list.length; i++) {
      if (phone_list[i].length == 8 || phone_list[i].length == 7 || phone_list[i].length == 11) {
        yse_phone.push(phone_list[i])
      }
    }
    if (yse_phone.length == 1) {
      wx.makePhoneCall({
        phoneNumber: yse_phone[0]
      })
    } else {
      if (yse_phone.length != 0) {
        this.setData({
          phoneNumber: yse_phone,
          block: true
        })
      }
    }
    console.log(yse_phone)
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    content = options.data
    this.setData({
      data: options.data
    })
  },
  list_item: function (e) {
    var list_item_phone = this.data.phoneNumber[e.target.id]
    wx.makePhoneCall({
      phoneNumber: list_item_phone
    })
    this.setData({
      block: false
    })
  },
  hide_bg: function () {
    this.setData({
      block: false
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})

css

/* pages/detail/detail.wxss */

.page_bg{
  z-index: 998;
  position: fixed;  
  top: 0%;  
  left: 0%;  
  width: 100%;  
  height: 100%; 
  background-color:rgba(0,0,0,0.5);
}
.btn_bg{
  z-index: 999;
  width: 100%;
  margin: 0 auto;
  position: fixed;
}
.sp_tit {
  width: 90%;
  font-size: 38rpx;
  height: 105rpx;
  line-height: 105rpx;
  margin-left: 25rpx;
  border-bottom: 1 solid sandybrown;
  /* margin: 52rpx auto; */
}