开始

获取验证码的时候，要对手机号的合法性进行验证。
image.png
请求服务器之前，验证手机号。
image.png
之前给过手机号验证的正则表达式的文档
image.png

image.png

  1. // 验证手机号合法性
  2.                 let mPattern = /^1[34578]\d{9}$/; 
  4.                 if(!mPattern.test(this.phone)){
  5.                     uni.showToast({
  6.                         title:'请输入正确的手机号码',
  7.                         icon:'none'
  8.                     });
  9.                     return;
  10.                 }

image.png

image.png

image.png
输入完成验证码之后， 又把手机号改的不合法了。
单独封装验证手机号的方法。
image.png

  1. isPhone(){
  2.                 let mPattern = /^1[34578]\d{9}$/; 
  3.                 return mPattern.test(this.phone);
  4.             },

image.png

  1. // 获取验证码
  2.             getCheckNum() {
  3.                 if (this.codetime > 0) {
  4.                     return;
  5.                 }
  6.                 // 验证手机号合法性
  7.                 if(!this.isPhone()){
  8.                     uni.showToast({
  9.                         title:'请输入正确的手机号码',
  10.                         icon:'none'
  11.                     });
  12.                     return;
  13.                 }
  14.                 // 请求服务器，发送验证码
  15.                 // 发送成功，开启倒计时
  16.                 this.codetime = 10;
  17.                 let timer = setInterval(() => {
  18.                     this.codetime--;
  19.                     if (this.codetime < 1) {
  20.                         clearInterval(timer);
  21.                         this.codetime = 0;
  22.                     }
  23.                 }, 1000);
  24.             },

image.png

  1. submit() {
  2.                 // 账号密码登陆
  3.                 if(!this.status){
  4.                     return;
  5.                 }
  6.                 // 验证码登陆
  7.                 if(!this.isPhone()){
  8.                     uni.showToast({
  9.                         title:'请输入正确的手机号码',
  10.                         icon:'none'
  11.                     });
  12.                     return;
  13.                 }
  14.                 console.log('提交登陆');
  15.             }

结束