forked from ant-design/ant-design
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: Form validation support
validateDebounce (ant-design#44633)
* chore: bump rc-field-form * docs: add debounce demo * docs: update demo * test: update snapshot * docs: typo
- Loading branch information
Showing
8 changed files
with
375 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| ## zh-CN | ||
|
|
||
| 对于有异步校验的场景，过于频繁的校验会导致后端压力。可以通过 `validateTrigger` 改变校验时机，或者 `validateDebounce` 改变校验频率，或者 `validateFirst` 设置校验短路。 | ||
|
|
||
| ## en-US | ||
|
|
||
| For the async validation scenario, too frequent verification will cause backend pressure. You can change the verification timing through `validateTrigger`, or change the verification frequency through `validateDebounce`, or set the verification short circuit through `validateFirst`. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| import React from 'react'; | ||
| import { Alert, Form, Input } from 'antd'; | ||
|
|
||
| const App: React.FC = () => ( | ||
| <Form name="trigger" style={{ maxWidth: 600 }} layout="vertical" autoComplete="off"> | ||
| <Alert message="Use 'max' rule, continue type chars to see it" /> | ||
|
|
||
| <Form.Item | ||
| hasFeedback | ||
| label="Field A" | ||
| name="field_a" | ||
| validateTrigger="onBlur" | ||
| rules={[{ max: 3 }]} | ||
| > | ||
| <Input placeholder="Validate required onBlur" /> | ||
| </Form.Item> | ||
|
|
||
| <Form.Item | ||
| hasFeedback | ||
| label="Field B" | ||
| name="field_b" | ||
| validateDebounce={1000} | ||
| rules={[{ max: 3 }]} | ||
| > | ||
| <Input placeholder="Validate required debounce after 1s" /> | ||
| </Form.Item> | ||
|
|
||
| <Form.Item | ||
| hasFeedback | ||
| label="Field C" | ||
| name="field_c" | ||
| validateFirst | ||
| rules={[{ max: 6 }, { max: 3, message: 'Continue input to exceed 6 chars' }]} | ||
| > | ||
| <Input placeholder="Validate one by one" /> | ||
| </Form.Item> | ||
| </Form> | ||
| ); | ||
|
|
||
| export default App; |
Oops, something went wrong.