Vue中form表单常用rules校验规则

/**
 * 是否合法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])![](https://user-gold-cdn.xitu.io/2019/11/22/16e9182103044230?w=900&h=500&f=gif&s=662884).(\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();
    }
  }
}

/**
 * 是否手机号码或者固话
 */
export function validatePhoneTwo(rule, value, callback) {
  const reg = /^((0\d{2,3}-\d{7,8})|(1[345678]\d{9}))$/;
  if (value == ‘‘ || value == undefined || value == null) {
    callback();
  } else {
    if ((!reg.test(value)) && value != ‘‘) {
      callback(new Error(‘请输入正确的电话号码或者固话号码‘));
    } else {
      callback();
    }
  }
}

 /**
 * 是否身份证号码
 */
export function validateIdNo(rule, value,callback) {
  const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  if(value==‘‘||value==undefined||value==null){
    callback();
  }else {
    if ((!reg.test(value)) && value != ‘‘) {
      callback(new Error(‘请输入正确的身份证号码‘));
    } else {
      callback();
    }
  }
}

 /**
 * 是否邮箱
 */
export function validateEMail(rule, value,callback) {
  const reg =/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;
  if(value==‘‘||value==undefined||value==null){
    callback();
  }else{
    if (!reg.test(value)){
      callback(new Error(‘请输入正确的邮箱‘));
    } else {
      callback();
    }
  }
}

 /**
 * 是否仅包含英文数字以及下划线
 */
 export function isPassword(rule, value, callback) {
  const reg =/^[_a-zA-Z0-9]+$/;
  if(value==‘‘||value==undefined||value==null){
    callback();
  } else {
    if (!reg.test(value)){
      callback(new Error(‘仅由英文字母，数字以及下划线组成‘));
    } else {
      callback();
    }
  }
}

/**
 * 自动检验数值的范围
 */
 export function checkMax20000(rule, value, callback) {
  if (value == ‘‘ || value == undefined || value == null) {
    callback();
  } else if (!Number(value)) {
    callback(new Error(‘请输入[1,20000]之间的数字‘));
  } else if (value < 1 || value > 20000) {
    callback(new Error(‘请输入[1,20000]之间的数字‘));
  } else {
    callback();
  }
}

/**
 * 验证数字输入框最大数值
 */
 export function checkMaxVal(rule, value,callback) {
  if (value < 0 || value > 最大值) {
    callback(new Error(‘请输入[0,最大值]之间的数字‘));
  } else {
    callback();
  }
}

/**
 * 验证是否整数
 */
export function isInteger(rule, value, callback) {
  if (!value) {
    return callback(new Error(‘输入不可以为空‘));
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error(‘请输入正整数‘));
    } else {
      const re = /^[0-9]*[1-9][0-9]*$/;
      const rsCheck = re.test(value);
      if (!rsCheck) {
        callback(new Error(‘请输入正整数‘));
      } else {
        callback();
      }
    }
  }, 0);
}

/**
 * 两位小数验证
 */
 const function validateValidity(rule, value, callback) => {
  if (!/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(value)) {
    callback(new Error(‘最多两位小数！！！‘));
  } else {
    callback();
  }
};
/**
 * 中文校验
 */
export const validateContacts = (rule, value, callback) => {
  if (!value) {
    return callback(new Error(‘请输入中文‘))
  }
  if (!/^[\u0391-\uFFE5A-Za-z]+$/.test(value)) {
    callback(new Error(‘不可输入特殊字符‘))
  } else {
    callback()
  }
}

 /**
 * 账号校验
 */
 export const validateCode = (rule, value, callback) => {
  if (!value) {
    return callback(new Error(‘请输入账号‘))
  }
  if (!/^(?![0-9]*$)(?![a-zA-Z]*$)[a-zA-Z0-9]{6,20}$/.test(value)) {
    callback(new Error(‘账号必须为6-20位字母和数字组合‘))
  } else {
    callback()
  }
}

Vue中form表单常用rules校验规则

原文：https://www.cnblogs.com/baobao0205/p/12781914.html