有两个相关字段的YUP验证 [英] Yup validation with two fields related

问题描述

我正在使用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);
        })
});

这篇关于有两个相关字段的YUP验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！