vue使用el-form的rules里面的pattern进行校验
vue使用el-form的rules里面的pattern进行校验校验手机号校验电话号码校验只能输入数字、字母校验只能输入数字、字母、特殊字符强校验密码必须包含数字、字母、特殊字符,且长度为6-16位校验链接校验身份证号校验邮箱校验手机号{pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\
·
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"]}
待更新。。。
更多推荐
已为社区贡献2条内容
所有评论(0)