javascript - Conditionally Validation in Yup - Stack Overflow

admin管理员组

文章数量:1314504

How to implement the condition like value of 1 field should always be greater than the value of another field.

here's my schema

   value: Yup.number().required(''),
   value2: Yup.number().when('value',{
     is: (val) => something here
    then: Yup.number().required('Required').positive('value should be positive'),
    otherwise: Yup.number()
  })

I want to check for value2 to always be > value. How to access value2's value in the when condition?

How to implement the condition like value of 1 field should always be greater than the value of another field.

here's my schema

   value: Yup.number().required(''),
   value2: Yup.number().when('value',{
     is: (val) => something here
    then: Yup.number().required('Required').positive('value should be positive'),
    otherwise: Yup.number()
  })

I want to check for value2 to always be > value. How to access value2's value in the when condition?

• javascript
• reactjs
• forms
• formik
• yup

Share Improve this question Follow asked Jul 24, 2018 at 8:36 PavanPavan 1,01522 gold badges1616 silver badges2828 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 5

I'm not sure it's the right way to do it, but I'm using test.

Like this:

yourField: Yup.string().test('should-be-greather-than-yourField2', 'Should be greather than yourfield 2', function(value) {
  const otherFieldValue = this.parent.yourField2

  if (!otherFieldValue) {
    return true;
  }
  return value > otherFieldValue;
})

Try this if you want to pare more than condition between two fields

import * as Yup from 'yup';

value: Yup.number().required(''),
value2: Yup.number().required()
   .moreThan(
    Yup.ref('value'),
    'Should be more than value2'
    )

I'm not sure, but try is: (val) => Yup.number().moreThan(val)

I am validating same fields for email and mobile no so user can validate both is same field.

  username: yup
      .string().when({
        is : value =>isNaN(value),
        then: yup.string().required('email/mobileno is required') .matches( Regex.EMAIL_REGX,
          'Invalid email',
        ),
        otherwise: yup.string()
        .matches(Regex.PHONENO_REGX, StringUtils.phoneNo)
      }),

本文标签： javascriptConditionally Validation in YupStack Overflow