--- order: 10 title: zh-CN: 自定义校验 en-US: Customized Validation --- ## zh-CN 我们提供了 `validateStatus` `help` `hasFeedback` 等属性,你可以不需要使用 `Form.create` 和 `getFieldDecorator`,自己定义校验的时机和内容。 1. `validateStatus`: 校验状态,可选 'success', 'warning', 'error', 'validating'。 2. `hasFeedback`:用于给输入框添加反馈图标。 3. `help`:设置校验文案。 ## en-US We provide properties like `validateStatus` `help` `hasFeedback` to customize your own validate status and message, without using `Form.create` and `getFieldDecorator`. 1. `validateStatus`: validate status of form components which could be 'success', 'warning', 'error', 'validating'. 2. `hasFeedback`: display feed icon of input control 3. `help`: display validate message. ````jsx import { Form, Input, DatePicker, Col, TimePicker, Select, Cascader, InputNumber, } from 'antd'; const FormItem = Form.Item; const Option = Select.Option; const formItemLayout = { labelCol: { xs: { span: 24 }, sm: { span: 5 }, }, wrapperCol: { xs: { span: 24 }, sm: { span: 12 }, }, }; ReactDOM.render(
, mountNode ); ````