vant常见的两种校验方式

校验规则我这里主要用了两种校验方式，一种就是正则表达式，还有一种就是用函数进行校验

        
          :rules="[{ pattern, message: '账号必须字母开头，长度在5~18之间，只能包含字母、数字和下划线' }]"
        />
        
         :rules="[{ validator, message: '密码长度必须为5-20个字符' }]"
        />
        

          提交
        
      

data() {
    return {
      username: "",
      password: "",
    //   此处使用正则校验
       pattern: /^[a-zA-Z]\w{3,17}$/,
    };
  },
  methods: {
    //   此处使用函数校验
    validator(val) {
      return /^.{5,20}$/.test(val);
    },
     onFailed(errorInfo) {
      console.log('failed', errorInfo);
    },
  },