AntDesign 是一套基于 React 的 UI 組件庫,提供了豐富的表單驗證功能。要使用 AntDesign 的表單驗證功能,可以按照以下步驟進行操作:
import {Form, Input, Button} from 'antd';
<Form
name="basic"
initialValues={{ remember: true }}
onFinish={onFinish}
>
<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>
const onFinish = (values) => {
// 在這里處理表單提交的邏輯
};
const onFinishFailed = (errorInfo) => {
console.log('Failed:', errorInfo);
};
通過以上步驟,就可以實現使用 AntDesign 的表單驗證功能。AntDesign 提供了豐富的驗證規則和錯誤提示,可以根據具體需求進行配置。更多關于 AntDesign 表單驗證功能的詳細信息,可以參考官方文檔:https://ant.design/components/form-cn/#components-form-demo-validate-static。