蚂蚁设计表单自定义验证器

时间:2019-08-19 19:00:46

标签: javascript typescript antd ant-design-pro

在蚂蚁设计中,可以提供一个自定义验证器,如下所示:

<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>

如您所见,我使用的是打字稿,并且导致其编译器真的很酷,它也希望我也使用rule的{​​{1}}参数。我找不到任何文档,也不知道有什么用。因此,如果您能简要解释一下它是什么以及应该如何使用?

1 个答案:

答案 0 :(得分:1)

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

由于它是async-validator的包装器,因此您可以检查Rules规范:

  

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

     

规则:源描述符中的验证规则,与要验证的字段名称相对应。总是为它分配一个字段属性,其中包含要验证的字段的名称。

您还可以放置一个断点并查看其满足您的需要。