vue 校验手机号、网址（各种正则校验）

平时我们在项目中form表单的时候，经常会遇到这些验证身份证、电话号的校验

总结一些常用到的

1、合法url

rules:{
  acceptUrl:[
    {validator: acceptUrlValidator, trigger: ["bule", "change"]}
  ]
}

 const acceptUrlValidator = (rule, value, callBack) => {
      let url = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/[\]@!\$&'\*\+,;=.]+$/;
      if (value) {
        if (!url.test(value)) {
          callBack("请输入正确的接收地址");
        } else {
          callBack();
        }
      } else {
        callBack();
      }
    };

也可以单独的写一个校验文件，在util文件夹下新建一个validateRules.js文件

2、固定电话

export function validateTelephone(rule,value,callback) { 
  const reg = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
  if(!reg.test(value)){
    callback(new Error('请输入正确的固话'))
  }else{
    callback()
  }
}

9、统一信用社会代码

export function validateCreditCode(rule,value,callback) { 
  const reg = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/
  if(!reg.test(value)){
    callback(new Error('请输入正确的统一信用代码'))
  }else{
    callback()
  }
}

3、手机号码

export function validatePhoneNumber(str) {
  const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
  return reg.test(str)
}

4、手机号码或固定电话

export function validatePhTelNumber(str) {
  const reg = /^((\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14})|([1][3,4,5,6,7,8,9][0-9]{9})$/
  return reg.test(str)
}

5、电子邮箱

export function validateEmail(str) {
  const reg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
  return reg.test(str)
}

6、邮编

export function validateZipCode(str) {
  const reg = /^[1-9][0-9]{5}$/
  return reg.test(str)
}

7、身份证

export function validateIDCard(str) {
  const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
  return reg.test(str)
}

8、银行卡号

export function validateBank(str) {
  const reg = /^([1-9]{1})(\d{14}|\d{18}|\d{15})$/
  return reg.test(str)
}