antd form 校验

Antd Form 校验可以通过使用 Antd Form 组件的 validateFields 方法来实现。该方法会返回一个 Promise 对象，可以通过 then 方法获取校验结果。以下是一个示例代码：

import { Form, Input, Button } from 'antd';

const DemoForm = () => {
  const onFinish = (values) => {
    console.log('Success:', values);
  };

  const onFinishFailed = (errorInfo) => {
    console.log('Failed:', errorInfo);
  };

  return (
    <Form
      name="basic"
      initialValues={{ remember: true }}
      onFinish={onFinish}
      onFinishFailed={onFinishFailed}
    >
      <Form.Item
        label="Username"
        name="username"
        rules={[{ required: true, message: 'Please input your username!' }]}
      >
        <Input />
      </Form.Item>

      <Form.Item
        label="Password"
        name="password"
        rules={[{ required: true, message: 'Please input your password!' }]}
      >
        <Input.Password />
      </Form.Item>

      <Form.Item>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
  );
};

在上面的示例代码中，我们定义了一个 DemoForm 组件，其中包含了一个 Antd Form 组件。在 Form.Item 中，我们定义了校验规则，比如必填项、最小长度等等。在 onFinish 和 onFinishFailed 方法中，我们可以获取校验结果。