reactjs - react-reactive-form：自定义字段验证

Question

我正在尝试使用react-reactive-form并且我有一个需要解决的问题，并且我无法找到有帮助的文档/示例。

我需要的？为表单的特定字段（在本例中为“field3”）创建自定义验证。

该字段将是一个多选字段，即该字段的值将是一个逗号分隔的字符串（例如：“value1, value2, value3”）。

我的自定义验证应该检查提供的值的数量是否小于给定的常量（例如：maxItems = "3"）

    //=== Form fields definition  ============================================
    const myFormDefinition = FormBuilder.group({
        field1: ["", [Validators.required]],
        field2: ["", [Validators.required]],
        field3: ["", [customValidation_MaxItems(3)???]],
   });

如何将此自定义验证添加到此“react-reactive-form”表单中？

标签： reactjsreact-reactive-form