element ui表单自定义校验(自用记录)

 记录一些表单的自定义校验方法~

数字校验

/**校验设备编码
 * 输入数字首位不为0,无小数点的20位编码
 * */
export function validateDeviceCode(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'))
  } else {
    const reg = /^([1-9]{1}[0-9]{19})$/
 
    const rsCheck = reg.test(value)
    if (!rsCheck) {
      callback(new Error('输入数字首位不为0,无小数点的20位编码'))
    } else {
      callback()
    }
  }
}

 端口校验

/**校验端口*/
export function validatePort(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'))
  }
  if (value == '' || typeof (value) == undefined) {
    callback(new Error('请输入端口值'))
  } else {
    const re = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/
    const rsCheck = re.test(value)
    if (!rsCheck) {
      callback(new Error('请输入在[0-65535]之间的端口值'))
    } else {
      callback()
    }
  }
}

 IP地址校验

/**IP地址校验*/
export function validateIPAddress(rule, value, callback) {
  // 校验IP是否符合规则
  var regEx = /,/g
  var ipList = value.toString().replace(regEx, ',').split(',')
  var 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])$/
  for (var i in ipList) {
    if (!reg.test(ipList[i])) {
      return callback(new Error('请输入节点ip地址,多节点用,分隔'))
    } else {
      callback()
    }
  }
}

 网址校验

/**
     * 网址验证 www.或http://开头https://
     */
    isHttp(rule, value, callback) {
        if (!value) {
            callback(new Error(rule.text ? rule.text : '请输入'));
        } else {
            const reg = /[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?/
            const reg2 = /(http|https):\/\/([\w.]+\/?)\S*/
            if (reg.test(value) || reg2.test(value)) {
                callback();
            } else {
                callback('请输入正确的网址');
            }
        }
    },

 国家或地区校验

/**国家或地区大写字母校验*/
export function validateCountry(rule, value, callback) {
  let countryReg = /^[A-Z]{2}$/
  if (value === '' || value === undefined || value === null) {
    return callback(new Error('请输入国家或地区,例如:CN'))
  }
  setTimeout(() => {
    if (countryReg.test(value)) {
      callback()
    } else {
      callback(new Error('错误的国家或地区,例如:CN'))
    }
  }, 300)
}
 

 不包含汉字校验

/**匹配不包含汉字校验*/
export function validateCommon(rule, value, callback) {
  let commonReg = /^[A-Za-z0-9]+$/
  if (value === '' || value === undefined || value == null) {
    return callback(new Error('此项不能为空'))
  }
  setTimeout(() => {
    if (commonReg.test(value)) {
      callback()
    } else {
      callback(new Error('只能包含数字和字母,请重新输入'))
    }
  }, 300)
}

 手机号码校验

/**手机号码校验*/
export function validatephonenumber(rule, value, callback) {
  let commonReg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/
  if (value === '' || value === undefined || value === null) {
    return callback(new Error('此项不能为空'))
  }
  setTimeout(() => {
    if (commonReg.test(value)) {
      callback()
    } else {
      callback(new Error('请输入正确的手机号码'))
    }
  }, 300)
}

 身份证号码校验

/**身份证号码校验*/
export function validateIDCardNO(rule, value, callback) {
  if (!value) {
    return callback(new Error('身份证号码不能为空'))
  }
 
  function validataCredentials(num) {
    var msg, boo //  msg身份证验证友情提示,boo返回值
    var num = num.toUpperCase() // 身份证为末尾可能是X
    //   身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,
    //   最后一位是校验位,可能为数字或字符X。
    const arrInt = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
    const arrCh = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2']
    var nTemp = 0,
      i
    if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {
      //  输入的身份证号长度不对,或者号码不符合规定;
      return [boo = false, msg = '输入的身份证号长度不对,或者号码不符合规定']
    }
    //   校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
    //   下面分别分析出生日期和校验位
    var len, re
    len = num.length
    if (len == 15) {
      re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/)
      var arrSplit = num.match(re)
      //   检查生日日期是否正确
      var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4])
      var bGoodDay
      bGoodDay = (dtmBirth.getYear() === Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) === Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]))
      if (!bGoodDay) {
        //   输入的身份证号里出生日期不对!
        return [boo = false, msg = '输入的身份证号里出生日期不对!']
 
      } else {
        //   将15位身份证转成18位
        //   校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
        num = num.substr(0, 6) + '19' + num.substr(6, num.length - 6)
        for (i = 0; i < 17; i++) {
          nTemp += num.substr(i, 1) * arrInt[i]
        }
        num += arrCh[nTemp % 11]
        return [boo = true, msg = num]
      }
    }
    if (len == 18) {
      re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/)
      var arrSplit = num.match(re)
      //  检查生日日期是否正确
      var dtmBirth = new Date(arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4])
      var bGoodDay
      bGoodDay = (dtmBirth.getFullYear() === Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) === Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]))
      if (!bGoodDay) {
        //  输入的身份证号里出生日期不对!
 
        return [boo = false, msg = ' 输入的身份证号里出生日期不对']
      } else {
        //  检验18位身份证的校验码是否正确。
        //  校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
        var valnum
        for (i = 0; i < 17; i++) {
          nTemp += num.substr(i, 1) * arrInt[i]
        }
        valnum = arrCh[nTemp % 11]
        if (valnum !== num.substr(17, 1)) {
          //  18位身份证的校验码不正确!
          return [boo = false, msg = '身份证的校验码不正确!']
        }
        return [boo = true, msg = '验证成功']
      }
    }
    return [boo = false, msg = '身份证的长度不正确!']
  }
 
  setTimeout(() => {
    var res = validataCredentials(value)
    if (!res[0]) {
      callback(new Error(res[1]))
    } else {
      callback()
    }
  }, 200)
}

邮箱校验 

/**邮箱校验*/
export function checkEmail(rule, value, callback) {
  let emailReg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
  if (value === "" || value === undefined || value == null) {
    return callback(new Error("此项不能为空"));
  }
  setTimeout(() => {
    if (emailReg.test(value)) {
      callback();
    } else {
      callback(new Error("请输入正确的邮箱格式"));
    }
  }, 300);
}

猜你喜欢

转载自blog.csdn.net/IDycy/article/details/129315152