uniapp实现手机验证码

在uniapp中实现手机验证码，可以使用以下代码段作为参考：([3-9])[0-9]{9}$/);
if (!checkPhone.test(this.loginForm.phoneNum)) {
this.$refs.loginToast.show({
message: '请输入正确的手机号',
type: 'warning',
position:'top'
});
return
}

if(this.oneMin<60 && this.oneMin>0){
uni.showToast({
title:`请${this.oneMin}s后重新获取`,
icon:'none'
})
return
}

let data = {
password: '',
phone: this.loginForm.phoneNum,
userName: ''
}

let clock = setInterval(() => {
this.oneMin--
this.codeTips = this.oneMin
if(this.oneMin<1){
clearInterval(clock)
this.oneMin = "获取验证码"
}
}, 1000)

loginReq.sendSms(data).then(res => {
console.log("获取到的验证码", res)
}).catch(err => {
this.oneMin = "重新发送"
uni.showToast({
title: '发送验证码失败',
icon: 'none'
})
})
}

在这段代码中，`getCode`函数用于获取手机验证码。首先，它会检查输入的手机号是否为空，如果为空，会显示一个警告提示。接下来，使用正则表达式来验证手机号的格式是否正确，如果不正确，同样会显示一个警告提示。然后，检查倒计时的时间，如果倒计时还未结束，会显示一个提示，要求用户在倒计时结束后再重新获取验证码。接着，创建一个包含手机号的数据对象，并使用定时器来控制倒计时的时间。在定时器的回调函数中，倒计时时间递减，并更新倒计时提示。当倒计时时间为0时，清除定时器，并将倒计时提示重置为"获取验证码"。最后，调用一个发送验证码的请求，并根据请求的结果进行相应的处理。

请注意，以上代码只是一个示例，具体实现可能会根据项目的需求和架构有所不同。<span class="em">1</span>
#### 引用[.reference_title]
-  *1* [uni-app实现验证码登录-云之讯](https://blog.csdn.net/Stitch_xiao/article/details/125780267)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]