Vue中常用表单校验规则整理

在 vue开发中，难免遇到各种表单校验，elementUI自带的验证往往不能满足复杂的需求。这里整理了一些高频率用到的校验方法，如果错误欢迎指出。

1 是否合法IP地址

export function validateIP(rule, value,callback) {
   
    if(value==''||value==undefined||value==null){
   
      callback();
    }else {
   
      const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
      if ((!reg.test(value)) && value != '') {
   
        callback(new Error('请输入正确的IP地址'));
      } else {
   
        callback();
      }
    }
}

2 是否手机号码

 export function validatePhone(rule, value,callback) {
   
    const reg =/^[1][3-9][0-9]{9}$/;
    if(value==''||value==undefined||value==null){
   
      callback();
    }else {
   
      if ((!reg.test(value)) && value != '') {
   
        callback(new Error('请输入正确的电话号码'));
      } else {
   
        callback();
      }
    }
 }

3 是否身份证号码

  export function validateIdNo(rule, value,callback) {
   
    var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])|([1][0-2]))(([0][1-9])|([1-2][0-9])|([3][0-1]))\d{3}[0-9xX]$/;
    //号码规则校验
    if (!format.test(value)) {
   
        callback(new Error('请输入正确身份证号'));
    }
    //区位码校验
    //出生年月日校验  前正则限制起始年份为1900;
    var year = value.substr(6, 4),//身份证年
        month = value.substr(10, 2),//身份证月
        date = value.substr(12, 2),//身份证日
        time = Date.parse(month + '-' + date + '-' + year),//身份证日期时间戳date
        now_time = Date.parse(new Date()),//当前时间戳
        dates = (new Date(year, month, 0)).getDate();//身份证当月天数