js公用方法整理

慢慢更新

1.校验邮箱手机号等等

export default {
  methods: {
    // 校验用户名
    regexUserName(value) {
      if (!value) {
        this.$toast('请输入用户名');
        return false;
      }
      if (/^(?![0-9]+$)[0-9A-Za-z]{4,16}$/.test(value) === false) {
        this.$toast('用户名由英文字母、数字组成，且不能为纯数字');
        return false;
      }
      return true;
    },
    // 校验密码
    regexPwd(value) {
      if (!value) {
        this.$toast('请输入密码');
        return false;
      }
      if (/^(?![^a-zA-Z]+$)(?!\D+$).{8,16}$/.test(value) === false) {
        this.$toast('密码为8-16位字符，至少包含1位字母和1位数字');
        return false;
      }
      return true;
    },
    // 校验手机号
    regexPhone(value) {
      if(value.length>=11){
        if (/^1[3456789]\d{9}$/.test(value) == false) {
          this.$toast({
            message:'请输入正确的手机号码'
            // duration:-1
          });
          return false;
        }
        return true;
      }
    },
    // 校验邮箱
    regexEmail(value) {
      if (!value) {
        this.$toast('请输入邮箱');
        return false;
      }
      var reg = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}/gi;
      if (reg.test(value) == false) {
        this.$toast('请输入正确的邮箱');
        return false;
      }
      return true;
    },
    // 判断中文姓名且字符必须大于两位
    chName(value) {
      if (!value) {
        this.$toast('请输入真实姓名');
        return false;
      }
      if (/^[\u4e00-\u9fa5]*$/.test(value) == false) {
        this.$toast('真实姓名仅为中文');
        return false;
      }
      if (/^[\u4e00-\u9fa5]{2,}$/.test(value) === false) {
        this.$toast('请输入正确的真实姓名');
        return false;
      }
      return true;
    },
    // 银行卡号校验
    regexBankNo(value) {
      if (!value) {
        this.$toast('请输入银行卡号');
        return false;
      }
      if (/\d$/.test(value) === false) {
        this.$toast('请输入正确的银行卡号');
        return false;
      }
      return true;
    },
    // 身份证校验
    regexIdCard(value) {
      // 15位和18位身份证号码的正则表达式
      var regIdCard = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[X])$)$/;
      // 如果通过该验证，说明身份证格式正确，但准确性还需计算
      if (regIdCard.test(value)) {
        if (value.length == 18) {
          var idCardWi = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2); // 将前17位加权因子保存在数组里
          var idCardY = new Array(1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2); // 这是除以11后，可能产生的11位余数、验证码，也保存成数组
          var idCardWiSum = 0; // 用来保存前17位各自乖以加权因子后的总和
          for (var i = 0; i < 17; i++) {
            idCardWiSum += value.substring(i, i + 1) * idCardWi[i];
          }
          var idCardMod = idCardWiSum % 11; // 计算出校验码所在数组的位置
          var idCardLast = value.substring(17); // 得到最后一位身份证号码
          // 如果等于2，则说明校验码是10，身份证号码最后一位应该是X
          if (idCardMod === 2) {
            if (idCardLast == "X" ) {
              return true;
            } else {
              this.$toast('请输入正确的身份证号');
              return false;
            }
          } else {
            // 用计算出的验证码与最后一位身份证号码匹配，如果一致，说明通过，否则是无效的身份证号码
            if (idCardLast == idCardY[idCardMod]) {
              return true;
            } else {
              this.$toast('请输入正确的身份证号');
              return false;
            }
          }
        }
      } else {
        this.$toast('请输入正确的身份证号');
        return false;
      }
    },
    //字符长度判断 中文算2个字符
    getByteLen(val,length) {
        var len = 0;
        for (var i = 0; i < val.length; i++) {
             var a = val.charAt(i);
             if (a.match(/[^\x00-\xff]/ig) != null)
            {
                len += 2;
            }
            else
            {
                len += 1;
            }
        }
        if(len>length){
          return false
        }else{
          return true
        }
    }
  }
}

2.时间格式化 时间转换

// 格式化时间
const fmtDate = (date, fmt) => {
  var o = {
    'M+': date.getMonth() + 1, // 月份
    'd+': date.getDate(), // 日
    'h+': date.getHours(), // 小时
    'm+': date.getMinutes(), // 分
    's+': date.getSeconds(), // 秒
    'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
    'S': date.getMilliseconds() // 毫秒
  };
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
  }
  for (var k in o) {
    if (new RegExp('(' + k + ')').test(fmt)) {
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)));
    }
  }
  return fmt;
};

// 时间戳转日期型
exports.dateFormatFun = (time,fmt = 1) => {
  if (time > 0) {
    switch (fmt) {
      case 1:
        return fmtDate(new Date(time), 'yyyy-MM-dd');
      case 2:
        return fmtDate(new Date(time), 'yyyy-MM-dd hh:mm');
      case 3:
        return fmtDate(new Date(time), 'MM月dd日 hh:mm');
      case 4:
        return fmtDate(new Date(time), 'yyyy-MM-dd hh:mm:ss');
      case 5:
        return fmtDate(new Date(time), 'hh:mm');
      case 6:
        return fmtDate(new Date(time), 'hh:mm:ss');
      default:
        return fmtDate(new Date(time), 'yyyy-MM-dd');
    }
  }
};

3.验证码倒计时

export default {
  data () {
    return {
      wait: 60
    }
  },
  methods: {
    // 原生js写法
    getCodeTime(evt, count) {
      if(count) this.wait = count;
      if (this.wait === 0) {
        evt.target.removeAttribute('disabled');
        evt.target.innerText = '获取验证码';
        evt.target.classList.remove('btn-color-disabled');
        // evt.target.classList.remove('mint-button--default');//mintui中的样式
        // evt.target.classList.add('mint-button--primary');//mintui中的样式
        this.wait = 60;
      } else {
        evt.target.setAttribute('disabled', true);
        evt.target.innerText = this.wait + '秒后重试';
        evt.target.classList.add('btn-color-disabled');
        // evt.target.classList.add('mint-button--default');//mintui中的样式
        // evt.target.classList.remove('mint-button--primary');//mintui中的样式
        this.wait--;
        let timer = setTimeout(() => {
          this.getCodeTime(evt)
        }, 1000);
      }
    }
  }
}