antd 1.3 input Validator 校验

在 antd 1.3 中，可以使用 Validator 来对 Input 组件进行校验。具体步骤如下：

1. 首先，需要引入 Validator：import { Validator } from 'antd/lib/form/Validator';

2. 在需要校验的 Input 组件上添加 validator 属性，值为一个 Validator 对象，例如：

<Input
  validator={{
    validateTrigger: 'onBlur',
    rules: [
      {
        required: true,
        message: '请输入内容',
      },
      {
        pattern: /^[a-zA-Z0-9_]+$/,
        message: '只能输入字母、数字或下划线',
      },
    ],
  }}
/>

其中，validateTrigger 表示触发校验的事件；rules 是一个数组，包含校验规则。上面的例子表示当前 Input 组件必须输入内容，且只能输入字母、数字或下划线。

3. 如果需要在表单提交时一次性校验所有的表单项，可以使用 Form 组件的 validateFields 方法，例如：

const handleSubmit = (e) => {
  e.preventDefault();
  form.validateFields((errors, values) => {
    if (!errors) {
      console.log('提交表单：', values);
    }
  });
};

在上面的例子中，form 是一个通过 Form.create() 创建的包装过的表单组件。validateFields 方法会对所有包含 validator 属性的表单项进行校验，如果校验通过则返回 values 对象，否则返回 errors 对象。