javascript - Yup Validation With Multiple Condition based on other field value

Question

I have to validate the 'description' field when 'gender' field value is others or female but when it is male no validation required for the 'description' field.

First I want to show this code and this is valid and working:

description: Yup.string().when(['gender'], {
 is: (gender) => gender=== 'others',
 then: Yup.string().required('Description is Required')
})

But Now I have to use multiple conditions like this:

description: Yup.string().when(['gender'], {
 is: (gender) => gender=== 'others' || 'female' ,
 then: Yup.string().required('Description is Required')
})

But It's not working. Please Give me a solution. Thanks in advance...

Answer 1

Equality operation is evaluated first.

is: (gender) => gender === 'others' || 'female' ,   // Not good

becomes:

is: (gender) => (Boolean) || 'female',

where if <Boolean> is true you'll get true as result,
and if <Boolean> is false you'll get "female" as result.

SOLUTION:
Instead, use /^(others|female)$/.test(gender)
or ['others','female'].includes(gender) as suggested by @evolution

is: (gender) => /^(others|female)$/.test(gender) ,

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test

or if you want to make it long and explicit:

is: (gender) => gender === "others" || gender === "female" ,