vue 表单验证

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

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

2、手机号校验

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

3、只能输入字母和数字

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

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

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

今天的文章vue 表单验证分享到此就结束了，感谢您的阅读。