How to use custom validators with ArrayFields? (V4)

[paulorodrigues-mb]

Hello !

I'm using the newest ArrayFields component but didn´t find a way to validate a specific field.

For example:

const customFormValidationSchema = {
  // how to reference the fields `name` and `age` on a custom validation?
  'profile[].name' (value) { // this doesn´t work
    ...
  }
}


<Form  :validation-schema="customFormValidationSchema" ...>
  <FieldArray v-slot="{...}¨>
    <div v-for="...">
        <Field name="profile[idx].name" />
        <Field name="profile[idx].age" />
    </div>
  </FieldArray>
</Form>

Thank you!

[logaretm]

Currently, there is no way to specify nested array element rules without using yup. I will try to add that to the docs.

[Drillan767]

Hello, is it still the case as of 2024? The doc currently states that an array validation can be made with Yup or Zod, but says nothing about any other method. Thanks!