校验a-form里的a-input

在Ant Design Vue (`a-form`和`a-input`)中进行字段校验，你可以遵循以下步骤：

1. **在`a-form`上添加表单验证**: 使用`model`属性绑定数据，并配置`rules`，它是一个数组，每个元素代表一个字段的验证规则。例如：

   <a-form :model="form" :rules="rules">
     <!-- ... -->
     <a-input v-model="form.name" placeholder="姓名" :rules="{ required: true, message: '请输入姓名' }"></a-input>
     <!-- ... -->
   </a-form>

这里`required`是必需项，`message`用于自定义提示信息。

2. **配置验证规则**: 可以设置多种验证规则，比如必填、正则表达式、最小值、最大值等。例如：

   const rules = {
     name: [{ type: 'string', required: true }, { pattern: /^[\u4e00-\u9fa5]+$/, message: '请输入中文名' }],
     age: [{ type: 'number', min: 18, max: 100, message: '年龄应在18至100之间' }],
   };

3. **表单提交和验证**: 当用户点击提交按钮时，`a-form`会自动触发验证。如果没有通过，则会显示相应的错误消息。可以使用`on-form-submit`事件来处理提交操作。

4. **实时验证**: 使用`@validate.form`事件监听表单的验证状态变化，可以在用户输入过程中即时获取反馈。

5. **自定义验证**: 如果需要更复杂的验证逻辑，可以通过提供一个函数作为验证规则的第二个参数，该函数会在验证时被调用。

rules: {
  password: [
    { required: true, message: '密码不能为空' },
    ({ value }) => value.length < 6 ? { type: 'length', min: 6, message: '密码至少6位' } : null,
  ],
}

在这里，如果密码长度小于6，就会触发第二个验证规则。