Ant Design 表单自定义验证器答案

【问题标题】：Ant Design Form Custom ValidatorAnt Design 表单自定义验证器
【发布时间】：2019-12-25 00:22:52
【问题描述】：

在 ant 设计中，可以提供一个自定义验证器，如下所示：

<Form.Item label="First Name">
  {getFieldDecorator("firstName", {
    rules: [
      {
        validator: (rule: any, value: string, cb: (msg?: string) => void) => {
          value.length < 3 ? cb("too short") : cb();
        }
      }
    ]
  })(<Input />)}
</Form.Item>

如您所见，我正在使用 typescript，因为它的转译器非常酷，它希望我也使用 validator 的 rule 参数。我找不到任何关于它的文档，也不知道有什么好处。所以如果你能简单解释一下它是什么以及应该如何使用它？

【问题讨论】：

标签： javascript typescript antd ant-design-pro

【解决方案1】：

作为Validation Rules 的一部分，validator 接受rules 作为第一个参数。

由于它是async-validator 的包装器，您可以查看Rules 规范：

function(rule, value, callback, source, options)

规则： 源描述符中与正在验证的字段名称相对应的验证规则。它总是被分配一个带有被验证字段名称的字段属性。

您还可以设置断点并查看其值是否满足您的需求。

【讨论】：