Yup嵌套模式验证

文章/答案/技术大牛

发布

1回答

javascript、formik、yup

我试图在用户选择的Select选项上有条件地验证一个对象，问题是我呈现了一个货币列表，并且在尝试将其设置为必填字段时遇到了巨大的困难，因为我必须首先传入一个空对象。我的代码栈是React、Formik和Yup (都是最近的版本)。模式details: Yup.object().when('category'(`Select the curren

浏览 15提问于2020-05-23得票数 12

回答已采纳

2回答

基于父对象模式的Yup条件验证

javascript、formik、yup

我正在使用array().of方法创建Yup验证模式，我需要根据外部模式对象的值在该数组中设置一些验证规则。我如何获得对该值的引用？const termsSchema = Yup.object().shape({ is: true,then: Yup.string() .required('Type is requ

浏览 2提问于2019-11-04得票数 7

回答已采纳

2回答

Yup基于父级(parent.parent)的兄弟关系使用不同的模式

javascript、yup

在模式中，我想根据父模式的同级来调整模式。现在，下面的示例起作用了。然而，它是相当冗长的。const schema = yup.object().shape({ toggleTuesday: yup.bool(: yup.array().of(yu

浏览 2提问于2020-04-03得票数 5

回答已采纳

2回答

如何验证某个对象属性是必需的？

javascript、validation、yup

我有一个对象类型，它有一个'translations‘属性，可以翻译成不同语言的字段被传递到特定的'lang’属性中，就像你在下面的模式中看到的那样。当存在一种语言并且对其内部字段的验证失败时，错误总是与字段本身(在本例中为‘name’)相关联。这种行为是意料之中的。

浏览 29提问于2021-11-23得票数 1

回答已采纳

2回答

如何在使用yup验证对象模式时获得第一个错误

reactjs、yup

我使用Yup根据验证模式验证嵌套数据对象。我想检索第一个验证错误的路径。我用 of yup试了一下。它拥有默认为true的选项abortEarly。因此，在这种情况下，应该返回第一个错误。const validationSchema = Yup.object().shape({ firstName:Yup.string().re

浏览 5提问于2021-05-27得票数 6

回答已采纳

2回答

动态创建Yup嵌套对象模式

javascript、formik、yup

对于这个“平面”对象验证 const fields = [] 我创建了一个从fields获取Yup模式对象的createYupSchema函数。) name: yup.string().required()

浏览 31提问于2019-09-14得票数 7

1回答

Yup验证规则问题

validation、formik、yup

只是试图获得Yup的句柄，不幸的是，我似乎找不到任何示例来验证嵌套对象和(对象的嵌套数组)在另一个对象中的有效性。验证syntacx是什么，因为我要验证的只是这些值不是null，并且是必需的。我已经尝试过了，但是没有验证是有效的： books: Yup.array( info: Yup.object({Yup.obje

浏览 7提问于2021-08-04得票数 0

回答已采纳

1回答

表单提交时如何显示错误

reactjs、formik

尝试在表单提交上生成验证字段。(同时，onblur和onchange也必须是活动的)但是当我离开字段时是空的，然后提交表单。它不会产生任何错误。必须让验证错误命名字段

浏览 3提问于2020-10-01得票数 1

回答已采纳

1回答

在Yup中使用stripUnknown时，如何显式地允许附加字段？

yup

我有通用的框架代码，它使用Yup和stripUnknown: true来验证传入的请求，这样多余的字段就会被删除。但是，我有一个地方明确地希望允许任何JSON对象作为输入。在使用stripUnknown: true时，如何显式地允许架构中的一个对象具有任何字段使用yup.object().test(...)或类似的方法显式地允许对象利用yup.addMethod向yup.object()中添加一种短路剥离的方法。使用yup.lazy生成允许

浏览 5提问于2021-05-28得票数 0

回答已采纳

1回答

Yup子模式访问父值(或将值传递给子模式)

yup

我有以下模式，并且我正在尝试确定如何允许嵌套的Yup.object().shape({..})访问RuleSchema validationTypeCode (或将其传递给子模式)。export const RuleSchema = Yup.object().shape({ fieldId: Yup.numbe

浏览 26提问于2021-11-19得票数 0

1回答

Yup模式生成器，用于使用Formik、Material-UI - React的表单数组和嵌套表单组

reactjs、forms、material-ui、formik、yup

我有一个yup模式生成器，用于生成yup模式，它工作得很好，但在处理表单数组和嵌套表单组时失败了。Yup架构生成器 if (config.validation) { return schema; let validator = yup<

浏览 10提问于2021-02-20得票数 1

1回答

使用yup和自定义验证验证react-final-form表单

forms、validation、react-final-form、yup

Yup模式 const schema = () => name: yup .string()我似乎不明白的是在哪里以及如何添加自定义验证，以便我可以继续将Yup验证用于其他字段，但我的外部库方法用于cvc和信用卡号的自定义验证。有没有一种方法可以在我的yup模式中添加一个自定义回调函数，并在yup中返回

浏览 17提问于2019-10-08得票数 7

回答已采纳

1回答

使用Yup和Formik响应表单验证，因为嵌套对象不能正常工作

reactjs、formik、yup

我有一个带有嵌套对象的表单， // ...isMultiDestination: Yup.boolean(), place_id: Yup.string1") }), plac

浏览 10提问于2022-02-18得票数 0

1回答

Yup条件验证-当

reactjs、formik、yup

我尝试使用when方法有条件地验证基于父值的嵌套对象，但我没有设法使其工作。const firstStep = Yup.object().shape({ accountType: Yup.number() .required("Required"), mailingAddress: Yup

浏览 20提问于2019-04-21得票数 1

1回答

具有包含特殊字符的名称的Yup字段验证模式

reactjs、validation、formik、yup、formik-material-ui

我使用Yup对Formik进行验证模式。表单字段名包含句点(.)特别的角色。它需要包含这个特殊的字符，因为这个名称是由操作引用的。字段名类似于"traits.name.first“。我将验证模式定义为"traits.name.first": yup.string().required("Please enter the first name"))}; 但这种验证</em

浏览 6提问于2021-05-25得票数 0

1回答

Formik -嵌套字段验证

javascript、reactjs、formik、yup

我有带有数字输入的嵌套字段，无法使验证正常工作。不确定这是否是formik或yup的问题/验证模式是如何声明的，但我将在这里开始询问。在这个例子中，我有两个字段，它表示数字，默认为空字符串。验证适用于第一个字段，但对于嵌套字段，我无法使其行为相同。

浏览 3提问于2019-10-10得票数 10

回答已采纳

1回答

当所有字段为空React窗体时，如何设置验证规则？

reactjs、react-hooks、react-hook-form

是否对React表单进行了onSubmit验证？或者我需要对onSubmit函数进行正常的验证，以检查值，然后设置是否显示错误消息？

浏览 5提问于2021-11-11得票数 2

2回答

如何在yup.validationSchema中添加和删除验证字段

reactjs、formik、yup

如何在yup.validationSchema中添加和删除验证字段 const validationSchema = yup.object().shape({ password: yup

浏览 67提问于2019-04-24得票数 4

1回答

使用Yup对数组进行Formik & yup表单验证

javascript、forms、validation、formik、yup

我的验证模式如下： return Yup.object().shape({ Yup.object().shape({ count: Yup.string().required('Count is required'),kg: Yup.string().required('W

浏览 14提问于2020-03-06得票数 2

1回答

如何集中形式验证的反应？

javascript、reactjs、yup

我想集中表单验证。我创建了一个文件：src/schemas/schemas.js.在这个文件中，我将放置所有的表单验证，例如： username: yup.string().required中包含所有的表单验证模式？如您所见，在这两种模式中，我都在重复密码: required").min(8).otherValidations...

浏览 9提问于2022-06-09得票数 1

点击加载更多