vue使用el-form的rules里面的pattern进行校验

校验手机号

{pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,message: "请输入正确的手机号码",trigger: "blur"}

校验电话号码

{pattern: /^\d{3}-\d{7,8}|\d{4}-\d{7,8}$/,message: "请输入正确的手机号码",trigger: "blur"}

校验只能输入数字、字母

{pattern: /^[A-Za-z0-9]+$/, message: '只能输入字母、数字',trigger: ['blur']}

校验只能输入数字、字母、特殊字符

  {pattern: /^[A-Za-z0-9~!@#$%^&*()_+`\-={}:";'<>?,.\/]*$/,message: '只能是数字、字母、特殊字符',trigger: ["blur"] }

强校验密码必须包含数字、字母、特殊字符，且长度为6-16位

 {pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,.\/]).{6,16}$/,message: '密码必须包含数字、字母、特殊字符', trigger: ["blur"]}

校验链接

{pattern: /(http|https):\/\/([\w.]+\/?)\S*/,message: '请输入正确的链接', trigger: ["blur"]}

校验身份证号

{pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,message: '请输入正确的身份证号', trigger: ["blur"]}

校验邮箱

{pattern:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message: '请输入正确的邮箱', trigger: ["blur"]}

待更新。。。