Публикации по теме 'yup'
Подтвердите свою форму, используя Sveltekit, Tailwindcss, Felte и Yup.
Проверка формы важна в веб-разработке, поскольку помогает гарантировать точность и полноту данных, отправляемых через форму. В этом посте вы узнаете, как реализовать проверку формы в приложении Sveltekit с помощью TailwindCSS, библиотеки проверки формы yup и библиотеки проверки формы Felte. К концу этого руководства у вас будет четкое представление о том, как реализовать проверку формы в ваших собственных проектах Sveltekit.
Создать проект Sveltekit
Первым шагом в реализации проверки..
Вопросы по теме 'yup'
Как использовать formik вместе с компонентом реакции с отслеживанием состояния
Я только начал изучать reactjs. Я наткнулся на formik и yup при поиске проверки формы. Большинство примеров, которые я рассмотрел до сих пор, относятся к компонентам без сохранения состояния. Итак, я хотел бы знать, как я могу использовать formik и...
3013 просмотров
schedule
25.08.2023
Formik не обнаружил ошибок проверки Yup в массиве объектов
formik v1.5.2, yup v0.27.0, react v16.8.6
Я не могу заставить валидацию Yup работать в Formik с массивом объектов. Код находится в кодовом поле https://codesandbox.io/s/kw1r49v25o?fontsize=14
Начальные значения:
const INITIAL_VALUES =...
4068 просмотров
schedule
18.01.2024
Функция handleSubmit не запускается с использованием Formik
Я использую Formik + Yup для создания формы, но не могу решить основную проблему, мне кажется, что я упускаю что-то очевидное. Моя функция handleSubmit не срабатывает при нажатии кнопки - даже что-то простое, например, журнал консоли. Если я добавлю...
554 просмотров
schedule
06.11.2022
Formik - как получить доступ к сообщению об ошибке внутри массива с помощью проверки Yup?
Я создаю форму с проверками, используя Formik и Yup, отправляя конкретные сообщения об ошибках в недостающие поля. Одно из полей (вопрос) - это массив объектов, и я не могу найти способ получить доступ к каждому отдельному сообщению об ошибке.
Я...
1674 просмотров
schedule
24.06.2023
Требуется помощь по схеме проверки
const ValidationSchema = Yup.object().shape({
name: Yup.string()
.min(2, 'String too short!')
.max(50, 'String too long!')
.required('Field is required!')
.lowercase(),
phases: Yup.array().of(
Yup.object().shape({...
53 просмотров
schedule
17.03.2022
Проверка адреса электронной почты через запятую с использованием Yup
Я пытаюсь написать схему проверки в Yup для адресов электронной почты, разделенных запятыми.
Пока что я создал настраиваемую функцию проверки и добавил ее в свою схему. Он помещает пользовательский ввод, разделенный запятыми, в массив ... я хочу...
7826 просмотров
schedule
19.09.2022
перенаправить в формик с тупой реакцией?
Я играю с formik и yup в реакции, и мне было интересно, как лучше всего сделать перенаправление после успешного запроса?
Я попытался передать объект истории, но это дало мне ошибку, говоря, что он глобальный:
const SignUp = withFormik({...
3199 просмотров
schedule
31.03.2024
Как мне подтвердить номер телефона-ui-материала с помощью Yup?
Я использую material-ui-phone-number для поля ввода в форме. Я хочу подтвердить номер телефона с помощью Ага. Независимо от того, что я ввожу в поле, оно говорит, что номер телефона не введен. Я проверяю правильность строки, которая должна быть...
2989 просмотров
schedule
10.03.2022
Да, проверка вложенного объекта возвращает ошибку (объекты недействительны в качестве дочернего элемента React)
Это моя форма Formik , которую я хочу проверить с помощью yup .
{
"images": [],
"fundingGoal": 1337,
"name": {
"en": "english name",
"fr": "french name"
},
"description": {
"en": "english project desc",
"fr": "french...
2549 просмотров
schedule
17.03.2024
Как предотвратить повторную отрисовку родительского компонента, когда дочерний компонент вызывает изменение состояния на родительский
Я использую реакцию для своего интерфейса. У меня есть форма регистрации, в которой используется форма, в которой есть следующие поля - имя, адрес электронной почты, мобильный телефон, изображение профиля. Моя фотография профиля - это функциональный...
1134 просмотров
schedule
24.09.2022
Да, десятичное число проверки
Заранее спасибо, я использую yup в своем проекте React для проверки моей схемы, проблема в поле «цена»:
price: Yup.number().required("Required"),
когда я добавляю значение с запятой, например 45,89 , да, выдает мне ошибку, что цена должна...
2497 просмотров
schedule
25.12.2023
Как проверить, что значение уже находится в массиве проверки объекта Да
Привет, я снова с Ага и сомневаюсь
Мне нужно проверить массив полей Fromik, используя Yup. Мои поля похожи на
[{startdate:'',endDate:'',name:''},{startdate:'',endDate:'',name:''}]
Даты начала / окончания - это объект даты. Перед...
2584 просмотров
schedule
18.02.2022
Да, проверить массив объектов содержит не более одного объекта, где свойство = значение
Я использую Formik FieldArray для динамического добавления объектов в массив, визуализируя дополнительные элементы формы, поскольку объекты push() привязаны к массиву.
Моя схема выглядит так:
const EMAIL_SCHEMA = Yup.object().shape({...
4064 просмотров
schedule
21.01.2024
Проверка с помощью Yup не показывает правильное сообщение
Я использую Ага и Formik для проверки некоторых полей.
Одно из должно быть числом, вот как это было сделано:
import * as Yup from 'yup';
...
const requiredErrorMessage = 'This field is required';
const numberErrorMessage = 'This field is must...
309 просмотров
schedule
17.02.2023
Formik + Yup дата требуется проверка
Я пытаюсь использовать Formik с Yup & material-ui / pickers.
Всякий раз, когда я пытаюсь сделать поле даты обязательным, это никогда не показывает сообщение об ошибке.
после выхода консоли из системы ошибок Formik я вижу, что она проходит через...
238 просмотров
schedule
28.11.2023
Да с регулярным выражением - Как проверить, что строка НЕ является конкретным словом (без учета регистра)
Я использую YUP для проверки некоторых полей в моей форме (formik для React).
одно из этих полей - имя пользователя, которое пользователь должен выбрать.
Мне нужна возможность отмечать некоторые специальные слова как недопустимые с помощью...
438 просмотров
schedule
09.05.2022
Как использовать yup с формой реагирующего крючка?
Я пытаюсь написать обработку ошибок в форме перехвата реакции с помощью yup, но когда я хочу передать преобразователь, как говорится в документации ( https://www.npmjs.com/package/@hookform/resolvers ) Я получаю эту ошибку:
SyntaxError: невозможно...
1591 просмотров
schedule
24.06.2022
test () в Yup возвращает ошибку, даже значения не равны
Я делаю схему проверки пароля, и у меня есть следующие
const ProfileEditSchema = t =>
Yup.object().shape({
password: Yup.string()
.notRequired(t('TR_PASSWORD_REQUIRED'))
.matches(...
7 просмотров
schedule
06.02.2022