[V4] Array fields without Yup

[ghost]

I am trying to create a form with multiple repeated fields for a user to input travelers and am unable to add validation to them without using the "Yup" library.

I have messed around with the official Array Fields example that is using "Yup", but wasn't able to convert it to non-yup validation.

I have also tried:

const validationSchema = {
   travelers: [ { name: 'required' } ]
};

with the HTML of

<Form
    :validation-schema="validationSchema"
>
    <Field
        name="travelers[0].name"
    >
    </Field>
    <ErrorMessage
        name="travelers[0].name"
    >
    </ErrorMessage>
</Form>

In this case, the values come back correct, but the validation is never triggered.

Am I missing something?

[logaretm]

The validation schema with global rules doesn't support validating nested fields yet, this is exclusive to yup at the moment. As a workaround you need you to specify the fields by path:

const validationSchema = {
   "travelers[0].name": "required"
};

This isn't ideal but it would be very hard to implement that at the moment. I realize this isn't mentioned in the docs and will need to update it.

[ghost]

Hey @logaretm,

Thanks for the response! Thought I was going crazy!

I will just switch over to Yup, as it looks easy enough and does what I want. :)