我使用yup与formik一起进行验证。我用typeError()检查数字是否包含数字以外的任何其他字符。它适用于字符点(.)，但不适用于其他字符。这是我的验证代码： .required('general.mandatory')
.typeError('settings.credit_not_allow_decimal_
浏览 3提问于2020-02-14得票数 4
我正在使用Formik创建一个图书图书馆的表单，其中列表中的每个项目将如下所示： name: 'string',}schema = Yup.object().shape({ name: Yup.string().min().
浏览 12提问于2019-10-30得票数 2
回答已采纳
2回答
我使用React中的来使用验证一些数据字段。它可以很好地处理输入字段，但不能处理选择器。, Grid } from 'semantic-ui-react'; htmlFor="amazing&
浏览 1提问于2020-09-06得票数 2
我有三个下降的反应Formik形式，每一套相同的选项。我想提供一些使用YUP的自定义验证，以确保每个下拉列表都有一个所选的唯一值。在每个字段上设置的Formik值的形状为{id: somevalue，text: someText }const { values } = useFormikContext();
浏览 3提问于2021-10-29得票数 0
回答已采纳
1回答
有一个创建公司页面，用户必须在一些字段中引入数据，这些字段经过Formik和Yup的验证才能创建条目。所有字段均为必填项。 问题在于字段不是通过在输入中写入引入的，而是从下拉列表中选择的。无论选择什么，都不会使用该值，也不会创建该条目，说明该字段是必填字段。代码如下： import React from 'react';
import { Formik, Form, Field } from 'f
浏览 18提问于2020-08-20得票数 0
1回答
我有以下对象，似乎找不到让Yup忽略数组中的False值的方法。mySecondValue: array(string()) .compact() //this isn't working)}
然而，数组和字符串的验证是有效的有没有不适用于这种情况的compact工作原理的理解？我将其
浏览 5提问于2019-10-29得票数 0
1回答
我有一个表单是用Formik建立的。表单中有两个单选按钮，单击一个单选按钮将显示输入字段。我需要用Yup验证验证输入字段。该值应小于9999.99，并且可以同时接受整数和十进制值。下面给出了我尝试过的代码：<RadioGroup callBackSelectionType
浏览 6提问于2021-12-29得票数 0
回答已采纳
1回答
我有一个值在一个形式(电子邮件)，我想转换为小写。我有一个正在工作的Yup转换，但是Formik没有显示小写值。import React from "react";import { Formik } from "formik";
import *
浏览 5提问于2021-08-10得票数 4
回答已采纳
我是一个初学者，试图用Yup验证在reactjs中创建一个表单。我正在尝试一个非常简单的表单，它有firstName，lastName。在验证lastName字段时，我尝试只显示firstName字段。验证和提交功能c firstName : Yup.string().max(15,"Must be 15 chars:(values) => {
浏览 9提问于2022-04-13得票数 1
在选择器中只允许两个指定值的最佳方法是什么，例如，我有两个字段供用户选择：
验证代码： countrySelector: Yup.string().required('Please select the country'),});<Formik
浏览 3提问于2021-10-21得票数 1
回答已采纳
在某些情况下，Formik的标志"isValid“设置为true，即使表单值不应被认为是有效的。下面我有一个工作代码框示例，这里展示了这个示例。用于窗体的验证架构如下： { },
[['image',
浏览 2提问于2020-09-08得票数 2
对于每个突变，它都会查询服务器，服务器返回有关哪个字段值无效的错误消息。但是考虑到模式也存在于客户机上，是否可以对此模式进行客户端验证？
浏览 0提问于2016-10-03得票数 5
我想异步验证用户输入。例如，检查电子邮件是否已经存在，并在用户键入时执行验证。为了减少API调用，我想要在用户停止输入时，取消带有lodash或自定义析取函数的API调用，并执行验证。到目前为止，这是我现在的表格。问题是它不像预期的那样工作。看来，已公开的函数返回了上一次调用中的值，我不知道问题在哪里。({ .string()
浏览 3提问于2021-11-05得票数 5
回答已采纳
1回答
我使用Formik在函数组件ReactJS上创建了简单的表单。当组件挂载时，我的表单应该从API获取数据。为此，我使用fetch和useEffect。如果尝试在任何输入字段中指定某些内容，则会触发formik.handleChange，并且所有字段都会立即填充来自该接口的数据(在我的示例中，应该只填充电子邮件) 组件挂载时如何触发formik.handleChange';
import * as yup f
浏览 11提问于2021-01-18得票数 0
回答已采纳
2回答
我使用formik和yup来处理我的表单，我需要验证由formik在初始值中设置的两个对象： company: { company_name: '', cnpj:: '', state_registration: '' },},
validat
浏览 2提问于2020-03-03得票数 8
1回答
我已经尝试了所有方法来使这个表单在yup中工作，但是当使用日期选择器时，值既不在字段中注册，也不在yup中注册。我的相关导入是formik、yup、useForm和yupResolver。为了节省空间，我删除了不相关的代码。我拥有的其他字段是名字、姓氏、电子邮件和电话号码，它们都是正常工作的，当它们不满足条件时，值会注册并显示错误。我有一个带有formik元素<e
浏览 16提问于2021-04-24得票数 1
回答已采纳
, initialValues={this.buildInitialValues()} <AddressFormFields prefix="shipAddressAttributes" /></Formik> 其中<AddressForm/>
浏览 1提问于2019-06-08得票数 5
7回答
Yup中的条件验证
、、、
我有一个电子邮件字段，只有在选中复选框时才会显示(布尔值为true)。当表单提交时，如果复选框被选中(布尔值为true)，我只需要这个字段。这就是我到目前为止所尝试的： email: yup }),我已经
浏览 0提问于2018-03-21得票数 79
1回答
我创建了一个可重用的formik表单，但是我想使用ant select而不是formik select。错误信息不适用于蚂蚁设计，我不知道如何配置它。当错误消息未被验证时，我需要显示它。* as Yup from "yup"; whoYouAre: "",
email: "&qu
浏览 13提问于2022-10-25得票数 0
回答已采纳
1回答
如何使用Yup遍历对象的键
、、、、
有人能建议使用Yup遍历通用创建的表单的最好方法吗？ 因此，在我的应用程序中，用户可以添加无限数量的小表单，只要求客户姓名(必需)，姓氏和年龄。我一般使用Formik来创建它们，并且只在最后一次提交所有表单时才运行验证。来自Formik的值的最终格式是： `` {
0:{name:"Valentin", surname:"
浏览 49提问于2020-07-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
