antdeign触发表单验证
时间: 2023-08-21 18:27:30 浏览: 97
layui插件表单验证提交触发提交的例子
在 Ant Design 中,可以通过表单的 `validateFields` 方法来触发表单验证。该方法接收一个回调函数作为参数,当表单验证成功时会调用该回调函数,并将验证结果作为参数传入。
示例代码:
```jsx
import { Form, Button } from 'antd';
const MyForm = () => {
const [form] = Form.useForm();
const handleValidation = () => {
form.validateFields((errors, values) => {
if (errors) {
console.log('表单验证失败:', errors);
} else {
console.log('表单验证成功:', values);
}
});
};
return (
<Form form={form}>
{/* 表单项省略 */}
<Button onClick={handleValidation}>验证表单</Button>
</Form>
);
};
```
在上述代码中,我们通过 `Form.useForm()` 获取了表单对象 `form`,然后在点击按钮时调用了 `handleValidation` 方法来触发表单验证。在 `validateFields` 方法的回调函数中,我们可以根据验证结果来进行相应的处理。
阅读全文