微信小程序 - 短信验证倒计时并校验手机号

最新推荐文章于 2021-09-13 13:59:17 发布

weixin_34331102

最新推荐文章于 2021-09-13 13:59:17 发布

阅读量191

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/hp2017/blog/1813560

本文介绍了一个小程序中实现短信验证的方法。通过输入电话号码并进行格式校验，再触发短信发送及接收确认流程。文章提供了具体代码示例，包括电话号码格式校验和倒计时功能。

为什么80%的码农都做不了架构师？>>>

项目中向用户发送短信验证码实现短信验证，这个我在之前的文章使用阿里云发送短信说过，这次分享下小程序端前台简单的实现方案。

首先输入电话可以进行校验

  //校验手机号
  isPoneAvailable(str) {
    var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
    if (!myreg.test(str)) {
      return false;
    } else {
      return true;
    }
  },

如果错误会提示

接着如果电话填写正确点击短信验证后实现到计时

                // 倒计时
                var time = 60
                var inter = setInterval(function () {
                  that.setData({
                    getmsg: "短信验证" + "(" + time + "s" + ")",
                    flag: false,
                    flag2: true,
                  })
                  time--
                  if (time < 0) {
                    clearInterval(inter)
                    that.setData({
                      getmsg: "短信验证",
                      flag: true,
                      flag2: false,
                    })
                  }
                }, 1000)

可以设置个提示