两种情况在什么时候在YUP中反应
问题描述我想提出两个条件:如果isProduct或isBox为真,则product_id应该是必需的。我在下面执行了此代码,但它不起作用product_id:yup.string().when(['isProduct','isBox'],{is:true,then:yup.str
发布:2023-01-03 标签:reactjsformikyup
基于另一个字段值的必填字段-Formik,Yup
问题描述我有一个反应表格,在有选择字段的地方,假设该字段具有值A、B、C、D、E、F。现在假设,另一个字段ChooseSubType只有在我选择B或D时才会显示,并且此字段仅在显示时是必填字段,而不是在此之前。现在,我如何才能做到这一点?以下是第一个字段的代码,即选择字段choo
发布:2023-01-03 标签:reactjsformikyup
YUP:验证可以为空的字符串数组
问题描述我有以下作为Formik的表单域类型:interfaceFormFields{groups:string[];}我正在尝试传递一个YUP架构来验证上面的内容:它可以是空数组(必须定义),但也可以包含字符串。以下选项不起作用:constschema=Yup.object({
使用Formik的Reaction验证最大范围
问题描述我正在尝试使用Reaction和Formik进行验证。我希望实现最大位数仅为2,最大范围仅为12。expiryMonth:yup.string().required('Selectmonth').max(2,'Invalidmonthformat(Example:06)'
发布:2023-01-03 标签:javascriptreactjsformikyup
使用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
如何在YUP异步验证中设置动态错误消息?
问题描述我正在尝试使用Yup的.test()方法在Formik中进行异步验证,并且需要设置从API获得的错误消息。根据后端的某些情况,错误消息会有所不同。尝试了这里提到的几种解决方案https://github.com/jquense/yup/issues/222和Dynamic