vue element 常用正则

在vue项目中使用element的时候,经常会用到的一些正则验证。

export default {
  textChecked: {
    pattern: /^[\u4e00-\u9fa5a-zA-Z0-9]{0,50}$/,
    message: '最多可输入50位字符,仅支持数字、英文大小写、中文',
    trigger: 'blur'
  },
  textCheckedAll: {
    pattern: /^[\\.!@#\\$%\\\\^&\\*\\)\\(\\+=\\{\\}\\[\]\\/",'<>~\\·`\\?:;|\u4e00-\u9fa5a-zA-Z0-9]{0,50}$/,
    message: '最多可输入50位字符,仅支持数字、英文大小写/符号、中文',
    trigger: 'blur'
  },
  phone: {
    pattern: /^(?:(?:\+|00)86)?1[3-9]\d{9}$/,
    message: '请输入正确手机号码',
    trigger: 'blur'
  },
  positiveInteger: {
    pattern: /^\+?[0-9]\d*$/,
    message: '请输入正整数',
    trigger: 'blur'
  },
  number: {
    pattern: /^\d+$/,
    message: '仅支持数字',
    trigger: 'blur'
  },
  case: {
    pattern: /^[A-Za-z]+$/,
    message: '仅支持英文大小写',
    trigger: 'blur'
  },
  symbolE: {
    pattern: /^[\\.!@#\\$%\\\\^&\\*\\)\\(\\+=\\{\\}\\[\]\\/",'<>~\\·`\\?:;|]+$/,
    message: '仅支持英文符号',
    trigger: 'blur'
  },
  caseNumber: {
    pattern: /^[A-Za-z\d]+$/,
    message: '仅支持英文大小写 + 数字',
    trigger: 'blur'
  },
  caseSymbolE: {
    pattern: /^[\\.!@#\\$%\\\\^&\\*\\)\\(\\+=\\{\\}\\[\]\\/",'<>~\\·`\\?:;|A-Za-z]+$/,
    message: '仅支持英文大小写 + 英文符号',
    trigger: 'blur'
  },
  numberSymbolE: {
    pattern: /^[\\.!@#\\$%\\\\^&\\*\\)\\(\\+=\\{\\}\\[\]\\/",'<>~\\·`\\?:;|\d]+$/,
    message: '仅支持数字 + 英文符号',
    trigger: 'blur'
  },
  caseNumberSymbolE: {
    pattern: /^[\\.!@#\\$%\\\\^&\\*\\)\\(\\+=\\{\\}\\[\]\\/",'<>~\\·`\\?:;|A-Za-z\d]+$/,
    message: '仅支持英文大小写 + 数字 + 英文符号',
    trigger: 'blur'
  },
  twoDecimal: {
    pattern: /^[0-9]+(\.[0-9]{0,2})?$/,
    message: '仅支持数字,且最多支持两位小数',
    trigger: 'blur'
  },
  ThreeDecimal: {
    pattern: /^[0-9]+(\.[0-9]{0,3})?$/,
    message: '仅支持数字,且最多支持三位小数',
    trigger: 'blur'
  },
  sixDecimal: {
    pattern: /^[0-9]+(\.[0-9]{0,6})?$/,
    message: '仅支持数字,且最多支持六位小数',
    trigger: 'blur'
  },
  tenDecimal: {
    pattern: /^(([0-9]?(\.\d{1,2})?)|10|10*(\.(0|00)))$/,
    message: '仅支持0~10的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  hundredsDecimal: {
    pattern: /^(([1-9]?\d(\.\d{1,2})?)|100|100*(\.(0|00)))$/,
    message: '仅支持0~100的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  kilobitDecimal: {
    pattern: /^(([1-9]?\d{1,2}(\.\d{1,2})?)|1000|1000*(\.(0|00)))$/,
    message: '仅支持0~1000的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  OneTfiveH: {
    pattern: /^(([1-9]?\d{1,2}(\.\d{1,2})?)|1500|1500*(\.(0|00)))$/,
    message: '仅支持0~1500的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  tenThousandDecimal: {
    pattern: /^(([1-9]?\d{1,3}(\.\d{1,2})?)|10000|10000*(\.(0|00)))$/,
    message: '仅支持0~10000的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  oneBillion: {
    pattern: /^(([1-9]?\d{1,8}(\.\d{1,2})?)|1000000000|1000000000*(\.(0|00)))$/,
    message: '仅支持0~1000000000的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  signHundreds: {
    pattern: /^(([-]?[1-9]?\d(\.\d{1,2})?)|[-]?100|[-]?100*(\.(0|00)))$/,
    message: '仅支持-100~100的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  signOneHundredThousand: {
    pattern: /^(([-]?[1-9]?\d{1,4}(\.\d{1,2})?)|[-]?100000|[-]?100000*(\.(0|00)))$/,
    message: '仅支持-100000~100000的数字,且最多支持两位小数',
    trigger: 'blur'
  },
  signKilobit: {
    pattern: /^(([-]?[1-9]?\d{1,2}(\.\d{1,2})?)|[-]?1000|[-]?1000*(\.(0|00)))$/,
    message: '仅支持-1000~1000的数字,且最多支持两位小数',
    trigger: 'blur'
  }
}


posted @ 2023-10-23 16:19  Cxymds  阅读(42)  评论(0编辑  收藏  举报