在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'
}
}
标签:vue,pattern,支持,element,正则,trigger,blur,message,小数
From: https://www.cnblogs.com/Cxymds/p/17782741.html