在 validateField 方法中调用 validate 函数

在 Ant Design 中，我们可以在 validateField 方法中调用 validate 函数进行表单验证。validateField 方法接受两个参数：要验证的表单字段名和回调函数。回调函数的参数包括表单值和验证结果，可以在回调函数中处理验证结果。

下面是一个示例代码，演示了如何在 validateField 方法中调用 validate 函数：

import { validate } from 'validate.js';

const rules = {
  username: {
    presence: {
      message: '用户名不能为空',
    },
    length: {
      minimum: 5,
      maximum: 16,
      message: '用户名必须为5-16位',
    },
    format: {
      pattern: /^[a-zA-Z0-9_]+$/,
      message: '用户名只能包含字母、数字和下划线',
    },
  },
  password: {
    presence: {
      message: '密码不能为空',
    },
    length: {
      minimum: 6,
      message: '密码长度不能少于6位',
    },
  },
};

const handleValidate = async (rule, value) => {
  const errors = validate({ [rule]: value }, rules);
  return errors ? errors[rule][0] : undefined;
};

const handleValidateField = async (field, value) => {
  const error = await handleValidate(field, value);
  console.log(error);
};

// 调用 validateField 方法进行表单验证
handleValidateField('username', 'abc');

在上面的代码中，我们定义了一个 rules 对象，包含了两个字段 username 和 password 的验证规则。handleValidate 函数接受两个参数：要验证的字段名和该字段的值，使用 validate 函数对该字段进行验证，并返回验证结果。handleValidateField 函数接受两个参数：要验证的字段名和该字段的值，使用 handleValidate 函数对该字段进行验证，并打印出验证结果。

最后，我们调用 handleValidateField 方法，传入字段名和值，实现表单验证。