Yup validation check if not empty

yup
장수환 picture 장수환 · Jun 3, 2020 · Viewed 7.7k times · Source 
const validationSchema = Yup.object().shape({
    newPassword: Yup.string().min(8, 'Password must be at least 8 characters');
});

I want to validation check only if newPassword field is not empty. How could I do?

Answer

Dipesh KC picture Dipesh KC · Jun 3, 2020

There are different approach on solving this problem.

Using test

const validationSchema = Yup.object().shape({
    newPassword: Yup.string().test('empty-check','Password must be at least 8 characters',password=>password.length==0

Using when

const validationSchema = Yup.object().shape({
     newPassword: Yup.string().when('newPassword',{
            is:(password)=>password.length>0
            then: Yup.string().min(8, 'Password must be at least 8 characters');
});

Related questions

Conditional Validation in Yup

I have an email field that only gets shown if a checkbox is selected (boolean value is true). When the form get submitted, I only what this field to be required if the checkbox is checked (boolean is true). This …

Read More
Validate phone number with Yup?

I'm trying to validate a phone number with Yup: phone: Yup.number() .typeError("That doesn't look like a phone number") .positive("A phone number can't start with a minus") .integer("A phone number can't include a decimal point") .min(8) .required(…

Read More
Validation using Yup to check string or number length

Is there a yup function that validates a specific length? I tried .min(5) and .max(5), but I want something that ensures the number is exactly 5 characters (ie, zip code).

Read More