Yup validation - check if value doesn't match other field

userAP6d1 0
Viewed 24

Hi I am trying to find a way to compare 2 fields and validate only if they are not equal.

This is the only idea I was able to come up with but it doesn't work:

yup
    .number()
    .required()
    .notOneOf(
      [FormField.houseHoldMembers as any],
      'error message',
    ),
yup forms validation reactjs javascript
1 Answers

You can compare the two values and validate only if they are not equal like this:

const mySchema = yup.object({
  text1: yup.number().required(),
  text2: yup
    .number()
    .required()
    .when(["text1"], (text1, schema) => {
      console.log(schema);
      return schema.notOneOf([text1], "the two values should not be equal");
    })
});

You can take a look at this sandbox for a live working example of this solution.

Ahmet Emre Kılınç0
Related