Yup验证只有一个字段，但有两个可能的选项(OR)
Yup验证是一种用于前端开发的轻量级表单验证库。它专注于验证表单字段的输入数据，以确保数据的准确性和完整性。Yup验证库具有以下特点：
- 概念：Yup验证库基于Schema（模式）的概念，通过定义验证规则来验证表单字段的值。每个字段都可以有一个或多个验证规则，用于检查输入数据是否符合预期。
- 分类：Yup验证库可以对各种类型的数据进行验证，包括字符串、数字、日期、布尔值等。它提供了一系列内置的验证方法，如required（必填）、min（最小值）、max（最大值）、email（邮箱格式）、url（URL格式）等。
- 优势：Yup验证库具有简单易用、灵活性高、可扩展性强的优势。它提供了丰富的验证规则和错误提示机制，可以满足不同场景下的验证需求。同时，Yup验证库还支持自定义验证规则，开发人员可以根据具体业务需求进行扩展。
- 应用场景：Yup验证库适用于各种表单验证场景，包括登录表单、注册表单、数据提交表单等。它可以帮助开发人员在前端实现对用户输入数据的有效性验证，提高用户体验和数据的准确性。
- 腾讯云相关产品：腾讯云提供了一系列与云计算相关的产品，其中与前端开发和表单验证相关的产品包括腾讯云COS（对象存储）、腾讯云CDN（内容分发网络）等。这些产品可以与Yup验证库结合使用，实现前端表单数据的上传、存储和分发等功能。
更多关于Yup验证库的详细信息和使用示例，请参考腾讯云文档： Yup验证库 - 腾讯云文档
相关·内容
我正在尝试创建一个输入，它接受一个字符串，该字符串将用作标记的href值。href可以是url或电子邮件(表示mailto:)。 如果我只是检查电子邮件，或者我只是检查URL，它就会起作用。但是，我想检查其中的一个。我正在看yup文档，但是我找不到做OR的方法。 我注意到有一个测试另一个字段的时间，但我没有检查另一个字段是否为真，也没有使用test，但我似乎也无法
浏览 16提问于2020-09-17得票数 1
5回答
下面是我的验证模式： person: Yup.object().shape({ surname: Yup.string().required('Field is required'),
middleN
浏览 7提问于2019-02-28得票数 26
回答已采纳
我正在使用Formik创建一个图书图书馆的表单，其中列表中的每个项目将如下所示： name: 'string',}schema = Yup.object().shape({ name: Yup</e
浏览 12提问于2019-10-30得票数 2
回答已采纳
().required(), })firstName和lastName的验证工作正常，但我不知道如何验证location但是，如果字段的任何一个(country/state，city)被填充，那么这三个字段都必须被填充。不是全部就是没有。
虽然我试着像上面那样验证它，但是它不起作用。另一个验证要求是:
浏览 3提问于2019-05-04得票数 2
回答已采纳
我目前正在尝试验证组字段只用于填充required属性，并且自定义验证函数validateGroup只有在单击按钮(条件呈现)时才能运行，直到那时才会运行特定的验证，请提出解决方案，使其按照我的要求工作我的需求的原因
这个特定的自定义验证validateGroup将运行一个函数，该函数将进行API调用，因此我希望只有单击按钮时才验证该函数，否则，
浏览 1提问于2022-10-13得票数 0
6回答
是否有可能只在字段存在时验证它？
我要创建一个应用程序。字段(电子邮件)可能/不显示在步骤2上，它取决于步骤1的选定选项。问题是我不能放置email: Yup.string().Required()，它导致验证一直运行，甚至字段也不显示。
浏览 14提问于2021-01-07得票数 7
回答已采纳
1回答
我在Formik验证模式中遇到了这个问题。我的表单有3个形状，每个形状都有几个字段，这取决于给定的参数类型和upperType。问题是，当我尝试提交表单时，如果以下字段之一不可见并且没有值，则submitForm函数不会触发。我已经尽可能地设置了条件逻辑，那么为什么.nullable不允许表单提交呢？窗体形状的示例：键入=== permanent => lower &upper(取决于upp
浏览 3提问于2020-06-02得票数 0
'; second: yup.number(),有一个名为triggerName的</em
浏览 5提问于2022-01-11得票数 1
我正在创建一个简单的表单，在React，Formik和Yup中进行日期验证。<Formik datePurchase: '', }}如何在Yup中使用validationSche
浏览 15提问于2019-08-19得票数 0
回答已采纳
我正在尝试使用yup和react-hook-form学习表单验证，理想情况下，我希望将验证设置为至少需要两个不同名称的单选选项中的一个，但首先要理解为什么isValid变量为false。下面是我的代码：import { useForm } from "react-hook-form";
import * as yup fr
浏览 24提问于2021-06-15得票数 0
回答已采纳
我想验证字段是字符串还是字符串数组 这是一个碰巧使用formik的minimal failing example，但实际上我正在使用yup进行服务器端验证。{ .mixed() .nullable
浏览 51提问于2019-07-02得票数 17
回答已采纳
2回答
我试图使用yup验证对象的字段。字段应该是字符串或者是未定义的。如果未定义，则应给它一个默认值。如果是其他类型的值，则不应将其强制为字符串。相反，它应该是不兼容的，并且应该导致错误。下面的架构不会阻止类型强制。例如，当该值是一个数字时，它将通过验证。但是，我希望它不能通过验证。，但当我传递一个<
浏览 4提问于2020-06-18得票数 2
回答已采纳
1回答
我正在做一个用MUI，react表单和yup制作的长登记表的项目。一次只呈现一个字段，使用" next“按钮将显示的输入字段更改为下一个字段(即从email字段转到name字段)。现在，它不允许我提交电子邮件字段并显示name字段，因为它想验证这两个字段，因为没有条件验证</
浏览 1提问于2022-01-07得票数 0
回答已采纳
3回答
在我的例子中，我有一个yup模式表单验证。例如：firstName: yup.string().nullable().required(),如果没有同步验证错误，则运行异步validationIF，异步验证表单不应该是有效的</
浏览 5提问于2019-10-31得票数 2
1回答
在两个具有验证的字段中，如果另一个字段尚未填写，则需要请求其中一个字段，反之亦然。email: yup.string().email().when('phone', { then: yup.string().email().required(),
othe
浏览 2提问于2020-01-29得票数 1
回答已采纳
所有的，我使用的反应钩形式和yup作为我的验证工具在我的反应本地项目。但目前，我遇到了一个问题，即handleSubmit函数在我的ResetPasswordScreen组件中无法工作。以下是我在ResetPasswordScreen中的执行流程，输入电子邮件->通过验证->显示其他输入。我使用isCodeSent参数来控制是否显示其他输入。/> &
浏览 4提问于2022-01-20得票数 0
1回答
我们有一个很大的形式，有多个输入-几个字段：如果一个德语字段已被填充，则应要求所有其他德语字段。德国和法国的场地都有可能填满，但意大利的场地可能是空的。
不知怎么我没法让它起作用。这就是我试
浏览 0提问于2020-09-17得票数 5
我有一个带有react-hooks-form的表单，正在尝试使用yup验证。现在它工作得很好，但我正在尝试使字段‘product.hasVrnts’是必需的，这取决于变量的值(当hasVrnt===1时，变量应该是必需的)。架构对象为： const schema = yup.object().shape({ beginDate: yup
浏览 72提问于2021-01-15得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
