yup: compare field itself with another field

Question

I had

StartIntensity: yup.number(),
EndIntensity: yup
    .number()
    .when(
        "StartIntensity",
        (StartIntensity: number, schema: any) => {
            return !!StartIntensity
                ? schema.moreThan(
                        StartIntensity,
                        "Max should be > min"
                  )
                : schema;
        }
    ),

but I need something like that

StartIntensity: yup.number(),
EndIntensity: yup
    .number()
    .when(
        "StartIntensity, EndIntensity",
        (StartIntensity: number, EndIntensity: number, schema: any) => {
            return !!StartIntensity && StartIntensity !== EndIntensity
                ? schema.moreThan(
                        StartIntensity,
                        "Max should be > min"
                  )
                : schema;
        }
    ),

but code above doesn't work properly. Is there any possibility to make this work ot other ways to execute this validation?

_but code above doesn't work properly_ how does it not work properly? what are you expecting? what happens? — Derek Pollard, May 21 '19 at 15:45
I think you are going to end up with "Cyclic dependency" if you get the above code working — Antoni4, May 21 '19 at 22:53

Antoni4 · Answer 1 · 2019-05-22T00:15:58.527

In your case first argument of .when() should be an array of keys:

StartIntensity: yup.number(),
EndIntensity: yup
    .number()
    .when(
        ["StartIntensity", "EndIntensity"],
        (StartIntensity: number, EndIntensity: number, schema: any) => {
            return !!StartIntensity && StartIntensity !== EndIntensity
                ? schema.moreThan(
                        StartIntensity,
                        "Max should be > min"
                  )
                : schema;
        }
    ),

keys: string | Array

https://github.com/jquense/yup#mixedwhenkeys-string--arraystring-builder-object--value-schema-schema-schema

If the above code throws "Cyclic dependency" error (which I think it will), try the following code:

StartIntensity: yup.number(),
EndIntensity: yup
    .number()
    .when('StartIntensity', (StartIntensity, schema) => {
      return schema.test({
        test: EndIntensity => !!StartIntensity && EndIntensity > StartIntensity,
        message: "Max should be > min"
      })
    }),

Or you can also use the ref:

StartIntensity: yup.number(),
EndIntensity: yup
    .number()
    .moreThan(yup.ref('StartIntensity'), "Max should be > min")

please tell how can i write message with min value .... for example if min vlaue is 5 and this validation is not correct i write min value in message — Hamidreza Ghanbari, Oct 17 '21 at 05:13

yup: compare field itself with another field

1 Answers1

Linked