vue获取验证码

news/2024/7/10 0:16:50 标签: vue
// 获取验证码
getCode() {
  let self = this
  self.isValidPhone()
  if(!self.isValidPhoneFlag) return
      
  let params = {
    source_type: 1,
    account:  self.phone,
    captcha_type: 8
  }
  self.vaxios.post(`xxxx`,params,(res) => {
     if (res === -1) return
     self.$toast('验证码已发送');
     self.disabled = true
     // 设置定时器
     self.createTimer()
  })
},
//手机号校验
isValidPhone() {
    var numReg=/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/;
    if(!numReg.test(this.phone)){
      this.phoneErrorMessage = "请输入正确手机号码";
      this.isValidPhoneFlag = false;
    }else{
      this.phoneErrorMessage = "";
      this.isValidPhoneFlag = true;
    }
 },
//设置定时器
createTimer() {
      let self = this
      let endTime = new Date(new Date().getTime() + 60 * 1000)
      
      self.codeBtnTxt = '60s后重新获取'
      self.timer = setInterval(() => {
        let diffTime = (Date.parse(new Date(endTime)) - Date.parse(new Date())) / 1000
        if (diffTime < 0) {
          self.codeBtnTxt = '获取验证码'
          self.disabled = false
          clearInterval(self.timer)
          self.timer = null
        } else {
          self.codeBtnTxt = diffTime + 's后重新获取'
          self.disabled = true
        }
      }, 1000)
    },

 


http://www.niftyadmin.cn/n/1319253.html

相关文章

Python操作注册表 内置模块 _winreg

Python操作注册表 内置模块 _winreg转载于:https://www.cnblogs.com/bull_think/archive/2012/08/30/2663110.html

JavaScript基本类型

JavaScript基本类型 一&#xff0e;布尔型 二&#xff0e;字符串型 三&#xff0e;数值型 四&#xff0e;函数 附源代码&#xff1a; 1&#xff0e;布尔型 <!DOCTYPE HTML PUBLIC "-//W 3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l…

获取两个对象数组有相同key值合并成一个数组

const list1 [{openId: 1},{openId: 2},{openId: 9},{openId: 4},{openId: 5} ]const list2 [{openId: 1},{openId: 3},{openId: 8},{openId: 4},{openId: 5} ]const data list1.map(item > list2.find(s > s.openId item.openId)).filter(item > item)//打印data…

javascript读取表单数据

利用javascript读取表单数据&#xff0c;可以利用以下三种方法获取&#xff1a; 1、通过表单ID属性&#xff1a;var a document.getElementByIdx_x_x("id"); 2、通过表单名称属性&#xff1a;var b document.getElementsByName("name"); 3、直接通过表单…

POJ 3660 Cow Contest

题目蛮有意思的&#xff0c;有n头牛进行比赛&#xff0c;他们之间的比赛结果可以传递&#xff0c;比如a战胜了b&#xff0c;b战胜了c&#xff0c; 那么也可以推出a战胜了c&#xff0c;问有多少头牛的名次可以确定。名次确定就是它战胜的x头牛战胜它 的y头牛n - 1&#xff0c;出…

react native在ios上日期时间格式化显示为NaN问题

原因&#xff1a; ios系统不支持2018-03-09这样格式的时间导致出现的这个问题&#xff0c;IOS只识别2018/03/09这样的格式 转成 这种 “YYYY/MM/DD HH:mm:ss” 就好了

A download software component is corrupted and will not be used

今天用xcode上传app 出现了上面的问题 A download software component is corrupted and will not be used https://contentdelivery.itunes.apple.com/transporter/repositories/j2se8/2.0.0/bundles/com.apple.its.epubcheck-runner-4.3.0.jar 直接上解决方法吧 1&#xf…

getElementById的用法

getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签&#xff0c;条件很简单&#xff0c;就是给每个标签分配一个ID号。 返回具有指定ID属性值的第一个对象的一个引用。 语法&#xff1a; Element document.getElement…