vue 表单验证

1、6位小写字母和数字必须包含两个字母

1.  
   rules: [
2.  
   { required: true, message: "XXX不能为空", trigger: "blur" },
3.  
   { max: 6, message: "最大长度为6位字符", trigger: "blur" },
4.  
   {
5.  
   pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母
6.  
   // /^(?=.*[a-z]{2})[a-z0-9]{6}$/,//连续的两位字母
7.  
   message: "支持6位小写字母和数字组合，必须包含2位字母",
8.  
   trigger: ["blur"]
9.  
   }
10.  
    ]

2、手机号校验

1.  
   phone: [
2.  
   { required: true, message: '请输入手机号', trigger: 'blur' },
3.  
   {
4.  
   pattern: /^1[3456789]\d{9}$/,
5.  
   message: '请输入正确的手机号码',
6.  
   trigger: 'blur'
7.  
   }
8.  
   ]

3、只能输入字母和数字

1.  
   password: [
2.  
   { required: true, message: '请输入密码', trigger: 'blur' },
3.  
   {
4.  
   pattern: /^[0-9a-zA-Z]*$/g,
5.  
   message: '只能输入字母和数字',
6.  
   trigger: 'blur'
7.  
   },
8.  
   { min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur' }
9.  
   ],

4、只能输入大小字母和数字且必须是字母开头

1.  
   userName: [
2.  
   { required: true, message: '请输入用户名', trigger: 'blur' },
3.  
   {
4.  
   // pattern: /^[0-9a-zA-Z]*$/g, //只能输入字母和数字
5.  
   pattern: /^(?=(?:[^a-z]*[A-z]){1})[0-9a-zA-Z]*$/g,
6.  
   message: '只能输入大小字母和数字且必须是字母开头',
7.  
   trigger: 'blur'
8.  
   },
9.  
   { min: 1, max: 20, message: '必须输入1到20位', trigger: 'blur' }
10.  
    ]

这篇好文章是转载于：学新通技术网