有两个相关字段的YUP验证

人气:203 发布:2023-01-03 标签: formik yup

问题描述

我正在使用formik进行reactjs中的表单管理,我有一个关于YUP验证的问题。

我有两个域,一个是用于选择国家/地区的选择控件,另一个是邮政编码。

在国家/地区数组中,我们使用regex来验证邮政编码,我们的想法是使用当前所选国家/地区的regex来验证输入的邮政编码,有人可以提示如何执行此操作。

推荐答案

一个字段的示例,该字段要求的数值不能高于其他两个字段的值的乘积

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">
const validationSchema = Yup.object().shape({
    num1: Yup.number().positive().required('This field is required.'),
    num2: Yup.number().positive().required('This field is required.'),
    num3: Yup.number().positive().required('This field is required.')
       .when(['num1', 'num2'], (num1, num2, schema) => {
            return num1 > 0 && num2 > 0 ? schema.max(num1 / num2) : schema.max(0);
        })
});

26