Публикации по теме 'yup'
Организованная проверка Yup в React
В этой статье показано, как я организовал проверки на уровне полей с помощью Yup и Formik.
Исходя из избыточной формы, я пропустил функциональность, чтобы предоставить массив валидаторов для функции проверки библиотеки, в данном случае Formik. Поэтому я сам написал функцию проверки и разделил всю систему на 4 файла (файл сообщений опущен).
Сначала создайте Validate.js со следующим кодом:
Функция schemaValidate получит уникальную или массив схем Yup для проверки.
2...
Вопросы по теме 'yup'
Используя Joi и / или Yup для проверки схемы, есть ли способ сделать набор требуемых свойств, если присутствуют какие-либо другие свойства?
Возьмем, к примеру, HTML-форму, которая собирает данные о человеке.
Примечание. Фрагменты кода упрощены и не полностью соответствуют снимку экрана. Кроме того, фрагменты кода написаны с использованием Yup, библиотеки, очень похожей на Joi...
5457 просмотров
schedule
30.10.2021
Как передать реквизит из класса React в формик?
Я пытаюсь передать некоторые реквизиты из класса React моему функциональному компоненту, который является formik, а затем я хочу добавить некоторую функцию обратного вызова, чтобы вернуть эти данные в измененный текст. Но не знаю, как мне это...
1774 просмотров
schedule
30.11.2021
Да, схема сопоставления с таким элементом, как choices [] (react и formik)
У меня есть форма, в которой есть набор флажков с именем: choices []. У меня есть серверная часть PHP, и имя флажков не может измениться. Я пытаюсь создать схему Yup, чтобы создать правило проверки, в котором нужно выбрать один из вариантов.
Мое...
1467 просмотров
schedule
25.10.2021
Проверка формы с помощью Yup, чтобы проверить, равны ли входные значения или нет
Мне нужно выполнить проверку формы с помощью Yup, чтобы проверить тип ввода email1 , email2 , email3 , email4 и email5 в моем приложении React.
Эмпирическое правило простое. Убедитесь, что emails находится в допустимой форме и не может...
5801 просмотров
schedule
24.11.2021
Как динамически объединить два регулярных выражения?
Можно ли объединить два регулярных выражения? Как будто он должен соответствовать этому регулярному выражению или другому. В идеале исключительно (xor).
Например, я хочу проверить номер телефона на соответствие регулярному выражению номера...
367 просмотров
schedule
11.10.2021
Да условная проверка с Formik
Я пытаюсь сделать поле "old_password" обязательным, только если другое поле "пароль" заполнено некоторым значением.
Это работает при использовании функции .when() в Yup, но когда другое поле «пароль» становится пустым, «old_password» по-прежнему...
2017 просмотров
schedule
17.11.2021
Множественная проверка по одному полю Да
Я проверяю поле, используя YUP в качестве валидатора, но я уже провел в нем тест, и у меня возникли проблемы с добавлением еще одной проверки.
Я подтверждаю это:
nome: Yup.string()
.required(Mensagens.CAMPO_OBRIGATORIO)...
2931 просмотров
schedule
12.10.2021
React Semantic Date Picker отключить выбор прошлых дат
Я использую response-semantic-ui-datepickers , чтобы выбрать date в форму, также используя Formik и Yup для проверки.
Есть ли способ отключить прошлые даты, чтобы пользователь мог выбирать дату только с сегодняшнего дня?
Это код:
import React...
515 просмотров
schedule
04.11.2021
React, Formik, Ага: Как отформатировать ввод телефона
Я новичок в React, и я сделал многоэтапную форму для регистрации с использованием React bootstrap, Formik и проверки с помощью Yup. Я хочу добавить функциональность, которая позволит мне форматировать (или маскировать) вводимые пользователем данные в...
522 просмотров
schedule
16.11.2021
Проверить поле в Yup на основе нескольких значений связанных полей с помощью Yup.ref и .test
Я создал многоступенчатую форму в react: ^ 17.0.1, yup: ^ 0.29.3 и formik: ^ 2.2.3.
Я хочу проверить, что, когда пользователь вводит свой день рождения (dobD), он действителен на основе месяца рождения (dobM) и года рождения (dobY).
У меня есть 3...
729 просмотров
schedule
28.11.2021
Я получаю ошибку проверки даже после выбора правильного типа файла. я использую формик и да
Я получаю сообщение об ошибке проверки даже после выбора правильного типа файла. Я использую Ага для проверки
file: Yup.mixed().when("showfile", {
is: true,
then: Yup.mixed()
.nullable()...
48 просмотров
schedule
06.09.2021
Подтвердите даты, затем перенесите их в реакцию строки iso
Моя проблема в том, что мне нужно проверить свою дату с помощью любой библиотеки проверки (joi, yup, superstruct..etc), и после этого мне нужно преобразовать объект даты в строку iso
Я использую Flatpikr, react-hook-form, дзёи ИЛИ да
Это мой...
235 просмотров
schedule
22.09.2021
Флажок дизайна муравья React Hook Forma validation
это мой jsx:
<Form.Item
name="agreement"
validateStatus={errors.agreement ? 'error' : 'success'}
help={errors.agreement?.message}
valuePropName="checked"...
354 просмотров
schedule
21.11.2021
Formik + yup: как проверить схему местоположения, где поля (страна, штат, город) не являются обязательными, но если одно из них заполнено, каждое должно быть заполнено?
У меня есть схема ниже
validationSchema={yup.object().shape({
firstName: yup
.string()
.required("Name cannot be empty")
.matches(NAME_REGEX, "Name can only contain english characters"),
lastName: yup
.string()...
4044 просмотров
schedule
28.02.2022
Значение из селектора не работает с проверкой Formik и Yup
Существует страница создания компании, где пользователь должен ввести данные в некоторые поля, которые проверяются Formik и Yup, чтобы создать запись. Все поля обязательны.
Проблема заключается в полях, которые не вводятся путем записи внутри...
472 просмотров
schedule
14.03.2022
Как усечь значение в поле формы React Native Formik
У меня есть поле, в котором я хочу, чтобы длина была максимум 3 числа. Я использую Yup, однако он только уведомляет пользователя об ошибке, он не мешает пользователю вводить число дольше желаемого.
Чтобы исправить это, я создал функцию, которая...
960 просмотров
schedule
18.03.2022
Formik пытается проверить невидимые поля
Я столкнулся с этой проблемой со схемой проверки Formik. Моя форма имеет 3 формы, которые она принимает, и несколько полей, которые присутствуют в каждой форме, в зависимости от заданного типа параметров и верхнего типа. Проблема заключается в том,...
383 просмотров
schedule
20.03.2022
Получить значение другого поля для проверки в Yup Schema
Я использую Formik с Yup для проверки и TypeScript
У меня есть поле, которое нужно проверить на основе значения другого поля.
Первое поле называется ценой, а второе - советами. Максимальное значение чаевых составляет 10% от введенной цены.
Я...
6354 просмотров
schedule
22.03.2022
Дополнительная проверка файла с помощью Formik / Yup
Я хочу проверить ввод файла, если файл выбран, я нашел решение для Formik / Yup, но оно проверяет, даже если файл не выбран.
avatar: Yup.mixed()
.test("fileSize", "File is too large", value => {
return value && value.size...
2062 просмотров
schedule
26.03.2022
Реагировать на проблему проверки для значения рендеринга
Я использую проверку React Yup, и у меня проблема (форма редактирования) с проверкой при редактировании чего-либо. Несмотря на то, что поля заполнены, валидатор ведет себя так, как будто они пусты. Я зарегистрировал состояние, и значения также...
104 просмотров
schedule
23.04.2022
