Soft validation

[martijndewit]

When building a Quiz for example. We want to validate the answer; if it's wrong or correct.
But we always want to go to the next question / submit the form.

I was hoping the bails option would make this possible, but can't find a good working example of this.
Is there a way to make "soft" validation happen with Vee-validate?

[logaretm]

Moved to discussions since its more of a question.

You have a few options, since your rules do not block the submission using optional or nullable with yup or zod should do the trick. If you are using global rules then you can do the following:

You could use validate instead of using handleSubmit.

const { validate, values } = useForm();
async function onSubmit() {
  // if you are interested in validating
  const result = await validate();

  // submit your data
  sendToApi(values);

  // do what you want next
  step.value++;
}

[martijndewit]

Thank you! Using validate instead of handleSubmit does the trick.

First I thought it didn't work because I used a <button type="submit"> with a <form @submit="onSubmit"> but with a <button type="button" @click="onSubmit"> it works perfect in my situation