使用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功能,这里介绍了-
使用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来验证输入的邮政编码,