vue+element 验证大全(引入即用)

// 数字型
export function rule1(rule, value, callback) {
    const reg = /[\D]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持数字'))
    }else {
        callback()
    }
}

// 数字型，特殊符号：_
export function rule2(rule, value, callback) {
    const reg = /[^\d_]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持数字和特殊符号：_'))
    } else {
        callback()
    }
}

// 数值型，特殊符号：-
export function rule2_1(rule, value, callback) {
    const reg = /[^\d-]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持数字和特殊符号：-'))
    } else {
        callback()
    }
}

// 数字型，特殊符号：.
export function rule3(rule, value, callback) {
    const reg = /[^\d\.]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持数字和特殊符号：.'))
    } else {
        callback()
    }
}

// 数字型，特殊符号：1、- 2、_
export function rule4(rule, value, callback) {
    const reg = /[^\d-_]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持数字和特殊符号：1、_ 2、-'))
    } else {
        callback()
    }
}

// 中英文，区分大小写，数字型，特殊符号：1、_2、-
export function rule5(rule, value, callback) {
    const reg = /[^\u4e00-\u9fa5a-zA-Z\d-_]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持中英文,数字和特殊符号：1、_2、-'))
    } else {
        callback()
    }
}

// 中英文，区分大小写，数字型，特殊符号：1、_2、- 3、/
export function rule5_1(rule, value, callback) {
    const reg = /[^\u4e00-\u9fa5a-zA-Z\d-_/]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持中英文,数字和特殊符号：1、_2、-3、/'))
    } else {
        callback()
    }
}

// 中英文，区分大小写，数字型，特殊符号：1、/ 2、-
export function rule6(rule, value, callback) {
    const reg = /[^\u4e00-\u9fa5a-zA-Z\d-\/]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持中英文,数字和特殊符号：1、/2、-'))
    } else {
        callback()
    }
}

// 中英文，区分大小写，数字型，特殊符号：1、：2、//3、/4、？5、&6、-7、_8、%9、+10、空格11、#12、.
export function rule7(rule, value, callback) {
    const reg = /[^\u4e00-\u9fa5a-zA-Z\d\:\-_%+#!\.\/? \&]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持中英文,数字和特殊符号：1、. 2、：3、/ 4、? 5、& 6、- 7、_ 8、% 9、+ 10、空格 11、# 12、!'))
    } else {
        callback()
    }
}

// 英文，区分大小写，数字型，特殊符号：1、-
export function rule8(rule, value, callback) {
    const reg = /[^a-zA-Z\d-]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持英文,数字和特殊符号：-'))
    } else {
        callback()
    }
}

// 英文，区分大小写，数字型，特殊符号：_
export function rule9(rule, value, callback) {
    const reg = /[^a-zA-Z\d_]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持英文,数字和特殊符号：_'))
    } else {
        callback()
    }
}

// 英文，区分大小写，数字型，特殊符号：_ -
export function rule10(rule, value, callback) {
    const reg = /[^a-zA-Z\d_-]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持英文,数字和特殊符号：1、_2、-'))
    } else {
        callback()
    }
}

//英文，区分大小写，数值型
export function rule11(rule, value, callback) {
    const reg = /[^a-zA-Z\d]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持英文,数字'))
    } else {
        callback()
    }
}

// 英文，区分大小写，数值型，特殊符号：1、- 2、/
export function rule12(rule, value, callback) {
    const reg = /[^a-zA-Z\d-\/]/g;
    if (reg.test(value)) {
        return callback(new Error('仅支持英文,数字和特殊符号：1、-2、/'))
    } else {
        callback()
    }
}

// 手机号
 export function phoneNumber(rule, value, callback) {
    const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/g;
    if (!reg.test(value)) {
        return callback(new Error('请检查手机号是否正确'))
    } else {
        callback()
    }
}

export function rule30(rule, value, callback) {
  const reg = /[^\d\.-]/g;
  if (reg.test(value)) {
    return callback(new Error('仅支持数字和特殊符号：. -'))
  } else {
    callback()
  }
}

export function rule31(rule, value, callback) {
  const reg = /((?:(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d))))/;
  if (reg.test(value)) {
    return callback(new Error('请输入正确的ip'))
  } else {
    callback()
  }
}

export function rule32(rule, value, callback) {
    const reg = /(\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\/\d{1,5})((\/)(\w)){1,}/g;
      if (!reg.test(value)) {
      return callback(new Error('请输入正确的表路径'))
    } else {
      callback()
    }
}

Tags：vue   element   正则验证

转载：感谢您对YU到边个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源YU到边个人博客”。/web/webgo/2021-01-16/46.html

很赞哦！ ()