yup相关内容

两种情况在什么时候在YUP中反应

我想提出两个条件：如果isProduct或isBox为真，则product_id应该是必需的。我在下面执行了此代码，但它不起作用 product_id: yup.string().when(['isProduct', 'isBox'], { is: true, then: yup.string().required('Select product'), }), 推荐 ..
发布时间：2022-09-25 11:01:52 其他开发

基于另一个字段值的必填字段-Formik，Yup

我有一个反应表格， 在有选择字段的地方， 假设该字段具有值A、B、C、D、E、F。 现在假设，另一个字段ChooseSubType只有在我选择B或D时才会显示，并且此字段仅在显示时是必填字段，而不是在此之前。 现在，我如何才能做到这一点？ 以下是第一个字段的代码，即选择字段 chooseAlphabet: Yup.string().required('field requi ..
发布时间：2022-09-25 10:26:34 其他开发

YUP：验证可以为空的字符串数组

我有以下作为Formik的表单域类型： interface FormFields { groups: string[]; } 我正在尝试传递一个YUP架构来验证上面的内容：它可以是空数组(必须定义)，但也可以包含字符串。 以下选项不起作用： const schema = Yup.object({ groups: Yup.array().defined() }).def ..
发布时间：2022-09-25 10:15:39 其他开发

使用Formik的Reaction验证最大范围

我正在尝试使用Reaction和Formik进行验证。我希望实现最大位数仅为2，最大范围仅为12。 expiryMonth: yup.string().required('Select month').max(2, 'Invalid month format (Example: 06)'), 推荐答案 您可以使用此命令： yup.string() .required("S ..
发布时间：2022-09-25 10:02:02 前端开发

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

我在一个用Yup验证的Formik表单中使用了Reaction-Datepicker。为了将Reaction-Datepicker集成到Formik中，我使用了wrapper solution in this thread。 最初输入值时，将检查.required()，但不会检查其他任何验证。因此，我不会立即获得StartDate later than today验证。如果我再次进入该控件并 ..
发布时间：2022-09-25 09:47:37 其他开发

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

如何将取消退回应用于下面的异步验证(code from Yup's github)？ let asyncJimmySchema = string().test( 'is-jimmy', '${path} is not Jimmy', async (value) => (await fetch('/is-jimmy/' + value)).responseText === 'tru ..
发布时间：2022-09-25 09:38:15 其他开发

对多个值进行YUP验证

我想在formik中使用yup来验证我的表单。假设我有4个字段A、B、C、D，它们都是字符串。如果我希望至少有一个字段不是空的，那么这是一个有效的表单，我应该如何编写验证模式？提前感谢！ 推荐答案 使用YUP时，如果所有正常功能都失败了，您可以使用.test功能，这里介绍了-https://github.com/jquense/yup#mixedtestname-string-mess ..
发布时间：2022-09-25 09:26:16 其他开发

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

是否有用于验证特定长度的yup函数？ 我尝试了.min(5)和.max(5)，但我想要确保数字正好是5个字符(即邮政编码)的内容。 推荐答案 我不认为有任何内置的东西，但它很容易用test实现： yup.string() .test('len', 'Must be exactly 5 characters', val => val.length === 5) htt ..
发布时间：2022-09-25 09:05:29 前端开发

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

我正在尝试使用Yup的.test()方法在Formik中进行异步验证，并且需要设置从API获得的错误消息。根据后端的某些情况，错误消息会有所不同。 尝试了这里提到的几种解决方案 https://github.com/jquense/yup/issues/222和Dynamic Validation Messages Using Yup and Typescript 但Yup正在抛出t ..
发布时间：2022-09-24 23:46:43 其他开发

有两个相关字段的YUP验证

我正在使用formik进行reactjs中的表单管理，我有一个关于YUP验证的问题。 我有两个域，一个是用于选择国家/地区的选择控件，另一个是邮政编码。 在国家/地区数组中，我们使用regex来验证邮政编码，我们的想法是使用当前所选国家/地区的regex来验证输入的邮政编码，有人可以提示如何执行此操作。 推荐答案 一个字段的示例，该字段要求的数值不能高于其他两个字段的值的乘 ..
发布时间：2022-09-24 23:28:00 其他开发

如何让YUP执行多个定制验证？

我正在做一个ReactJS项目。我正在学习使用Yup与FormIk进行验证。以下代码运行正常： const ValidationSchema = Yup.object().shape({ paymentCardName: Yup.string().required(s.validation.paymentCardName.required), paymentCardNumber: Y ..
发布时间：2022-09-24 23:18:57 其他开发

使用YUP和Formick进行密码验证

如何进行密码验证，同时将错误传递给不同的变量？ 即 password: Yup.string().required("Please provide a valid password"), passwordMin: Yup.string().oneOf([Yup.ref('password'), null]).min(8, 'Error'), passwordLC: Yup.string ..
发布时间：2022-09-24 23:11:11 前端开发

为什么我不能在Formik中获取日期和文本区域的值？

我使用Formik和Yup作为Reaction应用程序中的表单控件。我还使用了语义用户界面。在应用程序中，当我单击Submit按钮时，虽然我可以从Formfield元素中读取值并在控制台上看到它们，但我无法获取日期和文本区域元素的值，并且它们在控制台上显示为空白。我怎样才能解决这个问题？ 在这里我定义初始值。 const initialValues = { jobTitle: { id ..
发布时间：2022-06-17 20:20:00 其他开发

是的，非必填字段的验证

我的项目中有一个配置文件创建表单，我使用 react-hooks-form 和 yup 库进行验证. 在表单中有一个名为 Github-Username 的字段，这是可选的.但是我想验证它是否用户输入了用户名并且它应该超过 2 个字符，类似这样. const schema = yup.object().shape({公司:yup.string().min(3).required(),网站 ..
发布时间：2021-12-31 16:27:06 其他开发