表单内容里面定义属性:
在data()里面写具体的规则:
rules：与上文 ‘表单内容’ 中 表单的 :rules 属性值相同
prop：与规则中的name属性相同
验证内容：必填，blur是失去焦点验证，max是最大长度验证（min最小长度）
直接用pattern进行匹配验证:
前端Vue中常用rules校验规则:
1、是否合法IP地址:
pattern:/^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$/,
2.是否手机号码或者固话
pattern:/^((0d{2,3}-d{7,8})|(1[34578]d{9}))$/,
3. 是否身份证号码
pattern:/(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/,
4.是否邮箱
pattern:/^([a-zA-Z0-9]+[-_.]?)+@[a-zA-Z0-9]+.[a-z]+$/,
5.整数填写
pattern:/^-?[1-9]d*$/,
6.正整数填写
pattern:/^[1-9]d*$/,
7.小写字母
pattern:/^[a-z]+$/,
8.大写字母
pattern:/^[A-Z]+$/,
9.大小写混合
pattern:/^[A-Za-z]+$/,
10.多个8位数字格式(yyyyMMdd)并以逗号隔开
pattern:/^d{8}(,d{8})*$/,
11.数字加英文，不包含特殊字符
pattern:/^[a-zA-Z0-9]+$/,
12.前两位是数字后一位是英文
pattern:/^d{2}[a-zA-Z]+$/,
13.密码校验（6-20位英文字母、数字或者符号（除空格），且字母、数字和标点符号至少包含两种）
pattern:/^(?![d]+$)(?![a-zA-Z]+$)(?![^da-zA-Z]+$)([^一-龥s]){6,20}$/,