antdform.validateField 方法
时间: 2024-12-18 11:15:18 浏览: 8
`antd-form` 的 `validateField` 方法是用于表单验证的一个关键函数,它主要用于单个字段级别的验证。这个方法通常配合 `Form.create()` 配置组件时的 `rules` 属性一起使用,当你需要对某个特定字段进行实时校验,比如输入完成、格式检查等,可以调用该方法。
当你调用 `validateField(field)`,其中 `field` 是你要验证的字段名,它会立即触发指定字段的验证规则,并返回一个 Promise。如果验证通过,Promise 解析为 true;如果验证失败,则解析为错误信息的详细对象。此外,这个方法还会同步更新表单的状态,如设置验证结果、显示警告提示等。
示例:
```jsx
import { Form } from 'antd';
const { Field } = Form;
class MyForm extends React.Component {
handleValidate = (name) => {
return this.form.validateFields(name);
};
render() {
<Form ref={(form) => { this.form = form; }}>
<Field name="username" rules={[{ required: true, message: '用户名不能为空' }]}>
{(inputRef, { validateFields }) => (
<input ref={inputRef} />
<button onClick={() => this.handleValidate('username')}>验证</button>
)}
</Field>
</Form>;
}
}
```
阅读全文