使用Formik和YUP的Reaction-Date Picker:未在第一个模糊时验证日期值,而不是.Required()

问题描述我在一个用Yup验证的Formik表单中使用了Reaction-Datepicker。为了将Reaction-Datepicker集成到Formik中,我使用了wrappersolutioninthisthread。最初输入值时,将检查.required(),但不会检查其

发布:2023-01-03 标签:datepickerreactjsformikyup


YUP/Formik带去反跳的异步验证

问题描述如何将取消退回应用于下面的异步验证(codefromYup'sgithub)?letasyncJimmySchema=string().test('is-jimmy','${path}isnotJimmy',async(value)=>(awaitfetch('/is-j

发布:2023-01-03 标签:reactjsformikyup


对多个值进行YUP验证

问题描述我想在formik中使用yup来验证我的表单。假设我有4个字段A、B、C、D,它们都是字符串。如果我希望至少有一个字段不是空的,那么这是一个有效的表单,我应该如何编写验证模式?提前感谢!推荐答案使用YUP时,如果所有正常功能都失败了,您可以使用.test功能,这里介绍了-

发布:2023-01-03 标签:formikyup


使用Formik、Yup和Reaction进行异步验证

问题描述我想使用formik进行异步验证,并使用yup进行验证架构,但我找不到示例或演示。推荐答案constvalidationSchema=Yup.object().shape({username:Yup.string().test('checkDuplUsername','s

发布:2023-01-03 标签:reactjsformikyup


使用YUP检查字符串或数字长度的验证

问题描述是否有用于验证特定长度的yup函数?我尝试了.min(5)和.max(5),但我想要确保数字正好是5个字符(即邮政编码)的内容。推荐答案我不认为有任何内置的东西,但它很容易用test实现:yup.string().test('len','Mustbeexactly5cha

发布:2023-01-03 标签:javascriptreactjsformikyup


如何在Formik中禁用提交时的自动重置表单?

问题描述我有一个由formik控制的表单,当我填写所有字段并按下提交按钮时,函数onSubmit被调用,并且我的表单将重置此值。有时我的数据不正确(如重复的电子邮件),我需要保存此数据。如何执行此操作?这是我的代码:constschema=Yup.object().shape({

发布:2023-01-03 标签:reactjsformik


更新Formik表单上的初始值属性不会更新输入值

问题描述我对前向裁判使用Forik形式,如下所示Form.jsimportReactfrom"react";importFormikWithReffrom"./FormikWithRef";constForm=({formRef,children,initialValues,va

发布:2023-01-03 标签:javascriptreactjsformik


如何在YUP异步验证中设置动态错误消息?

问题描述我正在尝试使用Yup的.test()方法在Formik中进行异步验证,并且需要设置从API获得的错误消息。根据后端的某些情况,错误消息会有所不同。尝试了这里提到的几种解决方案https://github.com/jquense/yup/issues/222和Dynamic

发布:2023-01-03 标签:reactjsformikyup


Formik+Yup:如何在提交前立即验证表单?

问题描述我希望在装入表单时显示字段错误。不是在提交之后。是的:constvalidation=Yup.object().shape({field:Yup.string().required('Required')});Formik:<FormikinitialValues={in

发布:2023-01-03 标签:reactjsformikyup


有两个相关字段的YUP验证

问题描述我正在使用formik进行reactjs中的表单管理,我有一个关于YUP验证的问题。我有两个域,一个是用于选择国家/地区的选择控件,另一个是邮政编码。在国家/地区数组中,我们使用regex来验证邮政编码,我们的想法是使用当前所选国家/地区的regex来验证输入的邮政编码,

发布:2023-01-03 标签:formikyup