vant4输入框多个校验

Vant4 的输入框组件提供了多种校验方式，可以通过设置 rules 属性来实现多个校验：

<van-field
  v-model="value"
  label="输入框"
  :rules="[
    { required: true, message: '必填项' },
    { min: 2, max: 5, message: '长度在 2 到 5 个字符', trigger: 'blur' },
    { pattern: /^[A-Za-z]+$/, message: '只能输入字母', trigger: 'blur' }
  ]"
/>

在 rules 中，每个元素表示一个校验规则，可以设置多个校验规则，当输入框失去焦点或者提交表单时会触发校验。其中常见的校验规则包括：

- required：必填项
- pattern：正则表达式匹配规则
- min：最小长度
- max：最大长度
- validator：自定义校验函数

除了上述常见的校验规则外，还可以通过 trigger 属性来设置触发校验的事件，默认为 blur，也可以设置为 change、input 等事件。