Formik :仅当字段可见时才需要验证
Formik是一个React表单库，用于简化表单处理和验证的过程。它提供了一种优雅的方式来处理表单数据和表单验证，并且可以方便地集成到现有的React项目中。
Formik的特点包括：
- 简化的API：Formik提供了一个简单且易于使用的API，使开发者能够快速地处理表单数据和验证规则。
- 实时验证：Formik在表单字段发生变化时进行实时验证，以提供及时的错误反馈。
- 表单状态管理：Formik通过内部的状态管理来跟踪表单数据和验证状态，使开发者无需手动处理表单的状态。
- 错误处理：Formik支持错误消息的显示和处理，可以通过自定义错误消息组件来展示错误信息。
- 表单提交处理：Formik提供了一种方便的方式来处理表单的提交操作，包括异步提交和表单重置等功能。
Formik适用于各种场景，包括但不限于：
- 表单验证：Formik可以用于处理表单的验证规则，并提供错误消息的反馈，确保用户输入的准确性。
- 动态表单：Formik可以处理动态生成的表单，使开发者能够轻松地处理表单字段的添加和移除。
- 复杂表单：Formik能够处理包含多个嵌套字段、多个验证规则和复杂数据结构的表单。
腾讯云的相关产品和链接地址：
- 腾讯云函数计算（SCF）：腾讯云提供的无服务器计算服务，可用于处理表单的提交和验证逻辑。链接：https://cloud.tencent.com/product/scf
- 腾讯云云服务器（CVM）：腾讯云提供的虚拟化服务器实例，可用于部署表单处理的后端逻辑。链接：https://cloud.tencent.com/product/cvm
- 腾讯云API网关（API Gateway）：腾讯云提供的用于构建、发布和管理API的服务，可用于处理表单提交的API请求。链接：https://cloud.tencent.com/product/apigateway
注意：本回答仅提供了一些腾讯云的相关产品作为示例，并不代表其他品牌商的产品不能达到相同的效果。
相关·内容
1回答
我有一个包含复选框的表单，如果复选框为true，则会显示一个新字段。 我希望当字段可见时，它可以被认为是必需的，如果它是不可见的，则不是必需的。此处，仅当show为true时，endComment才应为required 你会有解决方案吗？yup.string().required(),});
浏览 18提问于2021-10-26得票数 1
回答已采纳
4回答
仅当字段可见时才需要验证
、、、、
在ASP.NET MVC3中，我使用[Required]属性进行客户端验证。[Required(ErrorMessage = "First Name is required")]}
我希望仅当字段FirstName可见时才对其进行验证，该字段仅在某些条件下才会显示。我使用了以下代码，但它仍然需要验证</e
浏览 2提问于2011-04-20得票数 24
回答已采纳
然而，在前端的表单中，元素一开始是不可见的。我希望仅当该字段可见时才进行验证。目前，即使该字段不可见，也会进行验证。我的字段在前端如下所示： @Html.TextBoxFor(Model => Model.name, "", new { @class =@Htm
浏览 22提问于2019-11-23得票数 0
回答已采纳
2回答
基于某些条件，我隐藏了一些字段，即在UI中它们将不可见，但单击提交按钮，struts将验证这些隐藏的字段。有没有办法告诉struts不要验证隐藏的字段……即，仅当这些字段在UI上可见时才对其进行验证。
我使用的是struts 1.2框架。
浏览 4提问于2012-12-05得票数 1
回答已采纳
4回答
在我的Razor视图(ASP.NET MVC4)中，我有两个用于显示/隐藏某些字段的单选按钮。选择第一个单选按钮时，这些字段不可见；选择第二个单选按钮时，这些字段变为可见。)else}
我在视图模型上使用数据注释来执行验证
浏览 1提问于2012-11-20得票数 8
我有一个验证架构对象： SCHEMA = object().shape({ ... initialValues: values, validationSchema: SCHEMA,
}); 我正在寻找一种将参数传递给我的模式的方法，因此当参数为true时才<e
浏览 33提问于2021-01-14得票数 1
1回答
Formik调用验证上的所有字段。某些字段中的更改会导致表单中所有其他字段的验证执行。当我通过向组件传递一个验证支柱来使用独立的字段验证时，就会发生这种情况。我使用字段验证，将一个验证支柱传递给一个组件，如下所示： type="text" placehold
浏览 0提问于2019-05-07得票数 0
回答已采纳
我正在尝试使用formik &实现表单验证。我有一个登录/注册表单与三个字段(姓名，电子邮件，密码)。单击“创建帐户”按钮时，将有条件地呈现“名称”字段。我希望只有在表单处于寄存器状态时才需要name字段。我使用状态变量isLogin保存表单的当前状态，还使用它在formik的initialValues中初始化showName布尔值。现在，name字段没有对其应用验证</e
浏览 13提问于2022-06-20得票数 0
inputText ID="text1"><ice:inputText ID="text2" required="true" validator="mycustomvalidator">
仅当选中checkbox1时，text1才应可见。text2是必填字段，并且设置了自定义验证器。因此，我使用#{backingBean.bean.visible}的第一种方法失败了，因为t
浏览 0提问于2010-03-07得票数 0
回答已采纳
我正在使用Formik和Yup构建一个带有验证的表单，发送有关缺少字段的特定错误消息。其中一个字段(问题)是和对象数组，而我找不到一种方法来访问每个单独的错误消息。我已经创建了一个validationSchema，但是当我试图在Formik error prop上传递数组索引时，我得到了一个错误。 这是一个沙箱，其中包含整个表单的抽象。在这个例子中，它只有在我注释第二个标签字段时才起作用，但在正常情况下，这必须是动态的： https:
浏览 35提问于2019-06-11得票数 0
</form>} type="file" name="affiliateLogo"
onChange().test()被添加到validationSchema中时，表单验证中断:直到我选择一个包含文件输入的文件时，才会显示验证错误，然后才会突然出现错误消息(问题不是<e
浏览 47提问于2020-11-10得票数 1
回答已采纳
在使用required_with验证数组时，我遇到了一个问题。即使我什么都不输入，它也总是显示出来。我从两天前就收到了这个错误。我想检查是否一个字段插入值，另一个字段必须插入值.If nothing insert，其他字段不需要插入。你能帮我个忙吗？
这是一个错误，我得到了输入值或没有输入值。有什么解决方案吗？验证请求代码。
浏览 0提问于2021-06-25得票数 0
我需要在一个名为address的字段上进行验证，只有当复选框字段未选中时才会进行验证-这样我就知道，当您不选中复选框时，它不会出现在post请求中。这就是我需要放在我的验证规则中的东西，有人能帮我吗？
浏览 1提问于2019-06-04得票数 0
1回答
但是，我如何验证(切换开关is_delicious)是否打开，然后所有3个字段都是必需的。检查此codesandbox链接 CLICK HERE return ( initialValues={{ Submit </form&g
浏览 18提问于2020-07-07得票数 0
回答已采纳
有一个选项名为OTHER，当我选择other时，文本框就会出现。对于该文本框，我已经创建了一个必需的字段验证器。在此之前，它工作得很好。但是，当我选择任何其他选项时，仍然会出现验证器错误。它应该只给我必填字段错误时，用户没有填写其他选项的选择文本框。请看代码。ErrorMessage="Please specify your qualification"></asp:RequiredFieldValidator>
当用户从下拉列表中选择和取
浏览 2提问于2014-07-10得票数 0
6回答
我希望仅当值不为空时才在对象属性上应用验证器。nullable=true) */ (...)如果电子邮件为null或空字符串，该对象将不会通过验证，有没有办法告诉验证器断言为有效、空值，并仅当字段包含数据时才进行验证？PS我知道我可以写回调验证</em
浏览 1提问于2011-09-23得票数 27
回答已采纳
3回答
将按钮可见性绑定到表达式(C#)
、、、、
我希望某些删除按钮是不可见的。delete按钮的可见性应取决于行后面的数据。我无法构建Visible属性的绑定。我没
浏览 0提问于2010-05-20得票数 2
回答已采纳
1回答
如何使用Yup遍历对象的键
、、、、
我一般使用Formik来创建它们，并且只在最后一次提交所有表单时才运行验证。来自Formik的值的最终格式是： `` { 1:{name:"Sam"}
...}`` 因此，我需要遍历每个对象，并验证"name“字段是否未定义(必填)，以及长度是否超过5个字符。我
浏览 49提问于2020-07-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
