簡訊驗證碼倒計時
阿新 • • 發佈:2018-11-12
專案所前端框架: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