Conditional validation.

[shaan1974]

Hello all,

I explain my case.

In my form i'v got some fields like the email that is not mandatory till it's not fill. So when it's empty it's ok.

And when you start to enter something into the email input it should check if the value is a correct email or not.

"schema" :
{
email : "notMandatoryIfEmpty|email"
}

When you define a custom rule the functions return "true" or a dedicated label for the error.

Is it possible to return a third case like "null" that stop the check of the next rules attach to the input ?

So in my case my custom rule "notMandatoryIfEmpty" could return "null" and the validation rule "email" should never be executed.

Best regards

[logaretm]

Check this entry:

https://vee-validate.logaretm.com/v4/guide/composition-api/getting-started/#dynamic-form-schemas

You can also use yup.when.

[ttonyh]

@logaretm How would we do this using Valibot? I'm noticing this might be more complicated than it looks. If you infer type using Output, I assume you're stuck with the schema you initially used.

What I'd like to do is put the Vaibot schema and inferred type in a separate file for reusability, but this makes it so I wouldn't be able to dynamically make modifications to some properties.

[shaan1974]

I'v found en easy way, in fact it's possible to create different validation schema and change the content of the validation schema with the one you want.

By ex you have 2 fields.
One radio "More comment " Yes-No
A textarea "Comment".

Radio is required but textarea is required only if radio is set to Yes.

So first schema

{
radio: "required",
textarea" : ""
}

Second

{
radio: "required",
textarea" : "required"
}

So you set to variable attach to form "validation-schema" attribute one value or the other depending of the value of "radio".

Simple ;)

[ttonyh]

Simple schema, I suppose; but what about a typed schema via Valibot? What about if you share the schema and type using a separate module? I think that's where you start running into the limitations specified above. (unless I'm missing something).

[shaan1974]

i'm just using the properties "validation-schema" of "Form" tag. I change the value of the attach variable on the fly depending of schema that i'v define via imported file.