Ant Design-仅在字段外单击时进行表单验证答案

【问题标题】：Ant Design- Form validation only when click outside a fieldAnt Design-仅在字段外单击时进行表单验证
【发布时间】：2021-07-11 13:04:51
【问题描述】：

我在表单中有一个电子邮件字段，它会在每次值更改后验证它是否是有效的电子邮件（例如，当您继续输入时，它会显示错误“电子邮件不是有效的电子邮件”）。

我们如何将其更改为仅在您点击该字段或提交表单时进行验证？

这是他们示例中的表格：

return (
    <Form {...layout} name="nest-messages" onFinish={onFinish} validateMessages={validateMessages} component={false}>
        <Form.Item name={['user', 'name']} label="Name" rules={[{ required: true }]}>
            <Input />
        </Form.Item>
        <Form.Item name={['user', 'email']} label="Email" rules={[{ type: 'email' }]}>
            <Input />
        </Form.Item>
        <Form.Item name={['user', 'age']} label="Age" rules={[{ type: 'number', min: 0, max: 99 }]}>
            <InputNumber />
        </Form.Item>
        <Form.Item name={['user', 'website']} label="Website">
            <Input />
        </Form.Item>
        <Form.Item name={['user', 'introduction']} label="Introduction">
            <Input.TextArea />
        </Form.Item>
        <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 8 }}>
            <Button type="primary" htmlType="submit">
                Submit
            </Button>
        </Form.Item>
    </Form>
);

【问题讨论】：

标签： reactjs forms validation antd

【解决方案1】：

从问题：link 你需要传递validationTrigger 属性。

【讨论】：