uniapp手机验证码功能实现

309 阅读1分钟

使用uniapp编写实现手机验证码的js实现代码

onSMSSend() {
        let smsParams = {};
        smsParams.mobile=this.phoneNo;
        smsParams.smsmode="0";
        //手机号码输入验证
        let checkPhone = new RegExp(/^[1]([3-9])[0-9]{9}$/);
                if(!smsParams.mobile || smsParams.mobile.length==0){
          this.$tip.toast('请输入手机号');
          return false
        }
        if(!checkPhone.test(smsParams.mobile)){
          this.$tip.toast('请输入正确的手机号');
          return false
        }
        //验证码发送接口调用
        this.$http.post("/sys/sms",smsParams).then(res=>{
          if(res.data.success){
          this.smsCountDown = 60;
          this.startSMSTimer();
          }else{
          this.smsCountDown = 0;
          this.$tip.toast(res.data.message);
          }
        });
        },
        //验证码倒计时
      startSMSTimer() {
        this.smsCountInterval = setInterval(() => {
          this.smsCountDown--;
          if (this.smsCountDown <= 0) {
          clearInterval(this.smsCountInterval);
          }
        }, 1000);
      },