项目所前端框架:vue,mintUI
注:methods里命名方法:getCode,在点击“获取验证码”时调用此方法;代码如下--
getCode() {
let reg = /^1[3|4|5|7|8][0-9]\d{8}$/;
if (reg.test(this.loginFormMobile.mobile)) {//通过手机号验证
//console.log('通过电话验证',reg.test(this.loginFormMobile.mobile));
let vm = this;
let num = 60;
let timer = window.setInterval(function () {
if (num == 0) {
window.clearInterval(timer);
vm.codeTxt = "获取验证码";
} else {
num--;
vm.codeTxt = num + "s" + '后重发';
}
}, 1000);
} else { //错误提示
this.$toast({
message: '请输入正确的手机号码',
duration: 1000,
iconClass: 'icon el-icon-circle-check',
})
}
}
That is all! Thanks