Is it possible to have multiple error messages for one field?

[AnnaYuS]

Sometimes we need to show multiple validation errors at once (for example when validating passwords). What would be the best way to achieve that with composition API and vee-validate?

For example with a schema like this

const { errors } = useForm({
  validationSchema: yup.object({
  password: yup.string()
   .required()
   .test('len', 'Must be 5 characters', val => val.length === 5)
   .test('len2', 'Must be less than 10 characters', val => val.length < 10),
})

is it possible to show 2 error messages at once (e.g. when val.length is 8)?

[AnnaYuS]

Maybe this example will better demonstrate what i'm trying to achieve: https://codesandbox.io/s/veevalidate-multiple-errors-on-one-field-forked-lgoiv?file=/src/views/Home.vue:520-521

I'm very new to 'yup' but it seems like it is possible to get all the validation error messages at once. But will it be possible to display them with VeeValidate?

[bnason]

Did you ever figure this out? I'm also looking to do the exact same thing.

[RivnatZille]

I'd like to ask the same too!

I'm also trying to return multiple error messages per field when using both Vee-Validate and YUP, but was unable to do so.
Apparently there's a option in YUP called abortEarly that could do the trick, but I was unable to use it when validating the fields through Vee-Validate.

[mitow7821]

In VeeValidate v4 I could achieve this changing bails value to false.

[AnnaYuS]

{ bails: false } does it 👍