Проверка с помощью Yup для проверки длины строки или числа

Я не думаю, что есть что-то встроенное, но это легко реализовать с помощью test:

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

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

Для справки в будущем, если вы хотите проверить номер (почтовый индекс), вышеуказанное решение требует небольшой настройки. Функция должна быть:

Yup.number().test('len', 'Must be exactly 5 characters', val => val.toString().length === 5)

.length не работает с числами, только со строками.

@Tamlyn отвечать довольно хорошо охватывает аспект проверки длины вопроса.

В случае почтового индекса вы можете использовать регулярное выражение для обеспечения длины и ограничения числовых значений в Yup.string() (вы не захотите использовать тип Yup.number(), поскольку он не будет поддерживать почтовые индексы, начинающиеся с нуля 0####)

// ##### format zip code
Yup.string().matches(/^[0-9]{5}$/, 'Must be exactly 5 digits')

// ##### and #####-#### format zip codes
Yup.string().matches(/^[0-9]{5}(?:-[0-9]{4})?$/, 'Must be 5 or 9 digits')

Чтобы добавить к другим ответам, никто из них не проверяет, существует ли значение (я вижу, что некоторые упомянули об этом в комментариях после публикации этого) ...

Если его нет и поле оставлено пустым, он будет пытаться получить длину undefined или null, что затем выдаст вам ошибку javascript и предотвратит работу других условий, таких как .required() (если вы настроили его, как, конечно, ).

Вероятно, это было бы немного лучше:

// Check we have a value as well
Yup.number().test('len', 'Must be exactly 5 characters', val => val && val.toString().length === 5 )

Вы также можете использовать string.length.

yup.string().length(5)

Но не работает с числами, начинающимися с нуля:

const yup = require('yup')

const schema = yup.string().length(5)

console.info(schema.isValidSync(12345)) // (true) This is valid.
console.info(schema.isValidSync(00123)) // (false) This is NOT valid.

отвечать @ efru отлично подходит для чисел, длина которых меньше 22 символов. Однако val.toString().length не работает с числами, длина которых превышает 22 символа. Причина этого в том, что большие числа преобразуются в экспоненциальный формат при преобразовании в строку в javascript.

Лучше всего работает следующее решение:

Yup.number().test('len', 'Must be exactly 25 characters', val => Math.ceil(Math.log10(val + 1)) === 25)

Эта проверка приводит к лучшему опыту проверки:

Yup.string()
.required()
.matches(/^[0-9]+$/, "Must be only digits")
.min(5, 'Must be exactly 5 digits')
.max(5, 'Must be exactly 5 digits')

выход:

12f1    // Must be only digits
123     // Must be exactly 5 digits
123456  // Must be exactly 5 digits
01234   // valid
11106   // valid

Демо: https://codesandbox.io/s/yup-y6uph

Тестовый API сталкивается с проблемами с ReactJs, когда ваше поле не имеет значения. Вместо этого вы можете использовать API длины

Yup.string().length(4, 'This field has to be exactly 4 characters!')

Ваш путь правильный и самый простой.

Yup.string()
.required()
.min(5, 'Must be exactly 5 digits')
.max(5, 'Must be exactly 5 digits')

import { string, date} from 'yup' // Take out what is needed in import

string()
.trim()
.matches(
  /^[0-9]{4}[0-9]{2}[0-9]{2}T 0-9]{2}:[0-9]{2}:[0-9]{2}.[0-9]{3}Z$/,
  'createdOn is not in correct format',
)
.max(24),

Попробуй это:

Yup.number()
.required()
.min(10000, 'Must be exactly 5 characters')
.max(99999, 'Must be exactly 5 characters')
.label("Zip Code"),

Вы также можете использовать проверку для числа, но при использовании теста для проверки длины вы должны преобразовать его в строку, прежде чем проверять ее.

Yup.object().shape({
  zipCode: Yup.number()
    .required('Zip code is a required field')// optional
    .typeError('Zip code can only be a number')// optional as well
    .test('len', 'Zip code needs to be excatly 5 digits', val => val.toString().length === 5)
});

Работает как амулет для типа числа.

yup.number().test('len', 'Max 6 numbers', (val) => val.toString().length <= 6)