使用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);},

總結

以上是生活随笔為你收集整理的uniapp手机验证码功能实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。