微信小程序之手机号添加、拨号、验证手机号或座机号等功能

最新推荐文章于 2023-06-29 14:24:10 发布

幽幽靖

最新推荐文章于 2023-06-29 14:24:10 发布

阅读量3.3k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/ws19900201/article/details/106377520

版权

该博客介绍了微信小程序中实现手机号添加、拨号及验证功能的详细步骤，包括展示正确手机号后添加图标出现，以及允许用户最多添加五个手机号，并能直接进行拨号操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：
在这里插入图片描述

实现功能：
1.填写正确的手机号后，出现添加手机号图标，最多添加五个手机号；
2.可点击拨号图标拨号；

// addtelinp
  addtelarr: function (e) {
   
    let index = e.currentTarget.dataset.index;
    let telnum = e.detail.value;
    var isPhone = /^([0-9]{3,4})?[0-9]{7,8}$/;
    var isMob = /^1[345789][0-9]{9}$/;
    if (isMob.test(telnum) || isPhone.test(telnum)) {
   
      let arr = this.data.telarr;
      let chongfu = 0;
      arr.map((item, index) => {
    //当前telarr查重
        if (item.tel == telnum) {
   
          chongfu = 1;
        }
      })
      if (chongfu) {
   
        wx.showToast({
   
          title: '手机号重复添加！',
          icon: