antd组件库form表单加了rules验证后输入内容也提示

是的，Antd组件库的Form表单组件提供了rules验证功能，该功能可以在用户输入内容时进行实时验证，并在输入框下方提示错误信息。如果您希望在用户输入内容之后才进行验证，可以使用Form的submit方法来触发验证，而不是使用实时验证。例如：

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

const Demo = () => {
  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>
  );
};

在上面的例子中，Form组件的onFinish和onFinishFailed方法分别在表单提交成功和失败时被调用。如果您希望在用户提交表单之前进行验证，您可以在onFinish方法中手动触发表单验证，如下所示：

const onFinish = (values) => {
  form
    .validateFields()
    .then(() => {
      console.log('Success:', values);
    })
    .catch((errorInfo) => {
      console.log('Failed:', errorInfo);
    });
};

这将使Form组件在提交表单之前进行验证，并根据验证结果调用相应的方法。