Vue el-form 表单的正则认证

欢迎一起讨论

Geooo的个人博客：https://geooo.gitee.io/geoooblog/

包括：用户名、密码、身份证号码、邮箱号、手机号码、车牌号等

1. 用户名 + 身份证 正则表达式

data () {
    return { form: { userName: ‘‘,idCard: ‘‘,},rules: { userName: [ { required: true,message: ‘请输入您的姓名‘,trigger: ‘blur‘ },{ min: 2,max: 7,message: ‘长度在 2 到 7 个字符‘},{ pattern: /^[\u4E00-\u9FA5]+$/,message: ‘请输入正确的中文姓名‘,],idCard: [ { required: true,message: ‘请输入您的身份证号码‘,{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,message: ‘请输入正确的身份证号码‘,] } } } 

2. 用户名+密码+身份证号+邮箱号+手机号+车牌

export default { name: "form",data() { return { formRules: { name: [{required: true,message: ‘请输入用户名‘,trigger: ‘blur‘},{min: 2,{pattern: /^[\u4E00-\u9FA5]+$/,message: ‘用户名只能为中文‘} //{ pattern:/^[a-zA-Z]w{1,4}$/,message: ‘以字母开头，长度在2-5之间， 只能包含字符、数字和下划线‘}],password: [{required: true,message: ‘请输入密码‘,{ min: 5,max: 25,message: ‘长度在 5 到 25个字符‘},{pattern: /^(\w){5,25}$/,message: ‘只能输入5-25个字母、数字、下划线‘}],phone: [{ required: true,message: ‘请输入手机号码‘,{validator:function(rule,value,callback){ if(/^1[34578]\d{9}$/.test(value) == false){ callback(new Error("请输入正确的手机号")); }else{ callback(); } },trigger: ‘blur‘}],//pattern: /^1[34578]\d{9}$/,message: ‘目前只支持中国大陆的手机号码‘ } peopleID: [{required: true,message: ‘请输入身份证ID‘,{pattern:/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,message: ‘你的身份证格式不正确‘ }],carId: [{required: true,message: ‘请输入车牌号‘,{pattern:/(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9]{4}$)|(^[\u4E00-\u9FA5]{1}[A-Z0-9]{5}[挂学警军港澳]{1}$)|(^[A-Z]{2}[0-9]{5}$)|(^(08|38){1}[A-Z0-9]{4}[A-Z0-9挂学警军港澳]{1}$)/,message: ‘常规格式：晋B12345‘},email: [{required: true,message: ‘请输入邮箱号‘,callback){ if (value === ‘‘) { callback(new Error(‘请正确填写邮箱‘)); } else { if (value !== ‘‘) { var reg=/^[A-Za-z0-9\u4e00-\u9fa5][email protected][a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; if(!reg.test(value)){ callback(new Error(‘请输入有效的邮箱‘)); } }else{ callback(); } },} }