Only validate fields that are currently shown

I am making a field required by adding an attribute like validation: [['string'], ['required']] to my schema. I am making the field conditionally shown using an attribute like showWhen: ['or', ['is', 'color', 'blue'], ['is', 'color', 'red]]. It seems that even when the field is not shown, validation is being run, preventing me from submitting the form.

Would it make sense to only validate fields that are actually being shown? Or, alternatively, is there any way to include the showWhen logic in the validation statement?

[andrewringler]

For anyone reading this thread if you are serializing your schema e.g. JSON.stringify and transporting it over the wire you will need to use some manual scheme to serialize your functions and then deserialize them when you read out your schema since Javascript functions are not valid JSON.

[easeq]

It does make sense to validate just the visible fields, but at this time that is possible only by using the when condition provided by yup.

Following might work for your case:

[['string'], ['when', 'color', {
       is: (value) => value === 'blue' || value == 'red',
       then: [['string'], ['required']]
}]]