vue中常用的校驗規則

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 validatePhoneTwo(rule, value, callback) {
  const reg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;;
  if (value == '' || value == undefined || value == null) {
    callback();
  } else {
    if ((!reg.test(value)) && value != '') {
      callback(new Error('請輸入正確的電話號碼或者固話號碼'));
    } else {
      callback();
    }
  }
}

　3. 是否手機號碼

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();
    }
  }
}

　4. 是否身份證號

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();
    }
  }
}

　5. 校驗數值范圍

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();
  }
}

　6. 驗證輸入框輸入最大數值

export function checkMaxVal(rule, value,callback) {
  if (value < 0 || value > 最大值) {
    callback(new Error('請輸入[0,最大值]之間的數字'));
  } else {
    callback();
  }
}

　7. 驗證是否整數

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);
}

　8. 兩位小數驗證

const 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();
  }
};

　

使用方法：在使用地方直接 import 引入，然后在 rules 校驗中加入即可。
后續還會補充。