小程序手机号码验证

最新推荐文章于 2024-08-12 02:45:46 发布

吕海安·HAIANLV

最新推荐文章于 2024-08-12 02:45:46 发布

阅读量1.4k

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/weixin_44498138/article/details/91356371

版权

微信小程序专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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

	<view class="flex-item solid1rpx margin-top15rpx">
          <label class='font-size27rpx ' style='float:left'>电话</label>
          <input class="input-margin-left" type="number"  name="ContactNumber" placeholder="请填写联系电话" value='{{ContactNumber}}' maxlength='11' style='width:500rpx;font-size: 27rpx;' bindinput="inputPhoneNum" />
    </view>

JS:

// 验证手机号
  inputPhoneNum: function (e) {
    let phoneNumber = e.detail.value
    if (phoneNumber.length === 11) {
      let checkedNum = this.checkPhoneNum(phoneNumber)
    }
  },
  checkPhoneNum: function (phoneNumber) {
    let str = /^1[34578]\d{9}$/
    if (str.test(phoneNumber)) {
      return true
    } else {
      wx.showToast({

        title: '手机号不正确',
        icon: 'none'
      })
      return false
    }
  },