Validation using Yup to check string or number length

javascript reactjs formik yup
reectrix picture reectrix · Apr 17, 2018 · Viewed 49.7k times · Source

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).

Answer

Tamlyn picture Tamlyn · Apr 20, 2018

I don't think there's anything built in but it's easy to implement with test: 

yup.string()
  .test('len', 'Must be exactly 5 characters', val => val.length === 5)

https://runkit.com/tamlyn/5ad9b99a4ba1230012d7ac21

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
Formik, Yup Password Strength Validation with React

I am fairly new to React, and i have a sign up page where i have a password field to be validated with a Regex. I am using Formik and Yup for validations, but i have encountered an error where …

Read More
How to properly use Formik's setError method? (React library)

I am using React communicating with a backend. Now trying to properly implement Formik (Form library). Main question: How do I properly use Formik's setError method? Client side validation errors show properly, but now I am trying to set/show …

Read More