我正在尝试用Yup编写一个自定义验证，以便在我的React Formik表单中使用。每当我尝试使用这个自定义验证时，我都会得到以下错误"yupError.inner is undefined“。每当我在字符串验证上使用test()函数时，似乎就会发生这种情况。我已经附加了导致错误的一种情况。在一个独立的文件中...
export const validate_birthday = Yup.string().
浏览 7提问于2020-05-09得票数 0
我使用不同的方法创建了几个不同版本的Formik表单，试图使错误处理正常工作(具体地说，如果某些字段中的输入不是字符串，则拒绝这些输入)。很难理解为什么一个非字符串没有被选中并抛出一个错误...这是我的第一次尝试，它使用Material UI TextField + useFormik import { useFormik } from 'formik';
import * as yup from这是我的第二次尝试，我将组件更改为使用带模式验证的<e
浏览 25提问于2021-08-25得票数 1
回答已采纳
1回答
关于这个StackBlitz：import React from 'react';import * asYup from 'yup'; var regexp = /^[a-z]{3,} [a-z]{3,}$/i
co
浏览 4提问于2022-03-18得票数 0
({ .string() .email() onBlur={formik.handleBlur} />
<divclassName="error-message"&g
浏览 3提问于2021-11-05得票数 5
回答已采纳
使用.test()对每个字段的更改触发Formik + yup验证 示例:我有一个验证模式： const schemaValidation = yup.object().shape({ email: yup.string().email().required()
浏览 23提问于2020-04-23得票数 6
1回答
这是我第一次使用formik和Yup，我在使用函数时得到了这个错误: TypeError无法读取未定义的属性(读取'object') import React from "react";/formikpostup.css"; import {Yup} from &q
浏览 17提问于2022-09-25得票数 1
回答已采纳
5回答
我正在使用Yup的.test()方法在Formik中尝试异步验证，并需要设置从API中获得的错误消息。根据后端的某些条件，错误消息将有所不同。尝试了这里提到的几种解决方案但是Yup正在抛出test()中给出的默认错误消息。文件上说
所有测试必须提供一个名称、一个错误消息和一个必须返回true或false或ValidationError的验证函数。我正在解析一个带有错误消息的新ValidationError，但是仍然会抛出默认错误
浏览 17提问于2020-07-17得票数 9
回答已采纳
2回答
我正在使用yup模块来验证我的表单。我想访问parent来测试这个值。我的方案：contactDetail: yup.object().shape({ phoneNumber2: yup.string().nullable(),
email: yup.string().test('email',
浏览 1提问于2019-05-14得票数 4
我使用的反应本机与世博会，并正在IOS工作目前。使用Formik和Yup，我试图有条件地验证一个表单，import {Formik} from 'formik' <Text style={styles.errorText}>Test</e
浏览 5提问于2022-03-18得票数 0
回答已采纳
但是，当我尝试使用onChange prop传递该值时，该值不会传递给我正在调用的handleChange函数。我还使用formik和Yup进行表单验证，我认为当我调用onChange prop时，它会调用formik.onChange，而不是我编写的自定义handleChange函数。所以我的问题是如何将我的自定义函数添加到formik.onChange函数中。我也试着把hand
浏览 0提问于2021-03-22得票数 0
1回答
使用YUP的自定义验证
、、、
我有三个下降的反应Formik形式，每一套相同的选项。我想提供一些使用YUP的自定义验证，以确保每个下拉列表都有一个所选的唯一值。();
picker1: Yup.object() }),
浏览 3提问于2021-10-29得票数 0
回答已采纳
我正在尝试在提交时重置我的formik表单中的输入。/services/CommentLocalStorage.js' return( initialValues={{ autor: '', content: ''}}
val
浏览 54提问于2021-11-20得票数 0
回答已采纳
Yup验证不起作用--我也尝试过这样的import Yup from 'yup'，但仍然不能工作.，当我创建一个简单的验证函数而没有YUP时，它工作得很好。但是当我使用YUP的时候，验证不起作用。添加了表单组件import { useFormik } from 'formik';
import * as Yup<
浏览 4提问于2020-11-06得票数 2
回答已采纳
2回答
我正在尝试在Yup中为逗号分隔的电子邮件地址编写一个验证模式。 return this.test({
name: "invalidEm
浏览 0提问于2019-09-17得票数 2
2回答
我是使用Formik的反应形式与材料用户界面。quantity: '', total: '', validationSchema: Yup.object({ pri
浏览 10提问于2022-01-06得票数 0
回答已采纳
我有以下代码： initialValues={{ email: '', 'checkEmailAvailability',
'An account with this email already使用Yup来验证电子邮件是否已
浏览 1提问于2021-09-11得票数 0
1回答
我正在尝试测试当必填字段为空时是否会引发验证。在我的示例中，我有一个电子邮件输入，我将其设置为空，当我模拟提交操作时，onSubmit函数被执行，而实际上它不应该执行。我使用validationSchema属性并使用Yup来验证我的表单。我已经在我的submit函数中添加了console.log()，该函数以调试模式显示(它不应该是这样的)。这可以在开发环境中工作(引发验证，未执行onSubmit函数)，但由于某些原因，它在测试环境中
浏览 23提问于2019-05-24得票数 0
我使用yup与formik一起进行验证。我用typeError()检查数字是否包含数字以外的任何其他字符。它适用于字符点(.)，但不适用于其他字符。这是我的验证代码： .required('general.mandatory')
.typeError('settings.credit_not_allow_decimal_validation_textsettings.credit_not_allow_decimal_valid
浏览 3提问于2020-02-14得票数 4
我正在使用Formik、Yup和Material-UI构建一个多步骤表单。我在一个父窗体中维护formik状态，并使用useState在不同的状态中维护页码，它指示要呈现哪个子组件。我将formik作为道具和下一页/上一页函数传递。 我希望仅当特定页面中的输入有效时才允许移到子组件中的下一个页面。在阅读文档时，我没有找到任何直接的解决方案，因此在PageOne组件中创建了以下解决方案。 相当大，并且有很多步骤，有没有更好的方
浏览 59提问于2020-06-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
