174得票11回答
Yup中的条件验证

我有一个电子邮件字段,只有在选择复选框(布尔值为true)时才会显示。当表单被提交时,我只想要这个字段在复选框被选中时才是必填项(布尔值为true)。 到目前为止,我尝试过以下方法:const validationSchema = yup.object().shape({ email: ...

98得票17回答
使用Yup进行验证以检查字符串或数字长度

是否有一个名为yup的函数可以验证特定长度? 我尝试过.min(5) 和 .max(5),但我需要确保数字正好是5个字符长度(例如邮政编码)的一些东西。

97得票17回答
Formik的onSubmit函数在我的代码中无法正常工作

我正在使用React和Formik创建一个表单。以下是我的代码: 我正在使用React和Formik创建一个表单。以下是我的代码:<div> <Formik initialValues={{ email: "" }} onSubmit=...

83得票12回答
React Formik:在<Formik />之外使用submitForm

当前行为&lt;Formik isInitialValid initialValues={{ first_name: 'Test', email: 'test@mail.com' }} validate={validate} ref={node =&gt; (t...

68得票3回答
React Formik - 仅在表单提交时触发验证

我在我的React Native应用程序中使用Formik。在登录表单上,我有两个字段:电子邮件和密码,它们都是必填的。 我编写了以下验证规则:export const LoginSchema = Yup.object().shape({ email: Yup.string() ...

65得票9回答
Formik - 如何在确认后重置表单

在Formik中,如何使重置按钮仅在确认后重置表单?我的以下代码在单击取消时仍会重置表单。 在 Formik 中,如何使重置按钮仅在确认后重置表单? 即使您单击“取消”,下面的代码仍然会重置表单。var handleReset = (values, formProps) =&gt; {...

59得票7回答
ReactJS: 如何使用 Formik 处理图像/文件上传?

我正在使用ReactJS设计我的网站的个人资料页面。 现在我的问题是如何从本地上传图像并将其保存到数据库中,同时在个人资料页面中显示它。import React, {Component} from 'react'; import { connect } from 'react-redux'; ...

58得票5回答
React Formik表单验证:如何最初禁用提交按钮

以下是我使用 formik 编写的 React 表单验证代码。默认情况下,在表单加载时,我希望保持提交按钮禁用: import { useFormik } from "formik"; import * as Yup from "yup"; const formik = useFormik...

54得票6回答
Yup:数组对象深度验证

我有一个这样的数据结构:{ "subject": "Ah yeah", "description": "Jeg siger...", "daysOfWeek": [ { "dayOfWeek": "MONDAY", "checked": false ...

52得票6回答
如何正确使用Formik的setError方法?(React库)

我正在使用React与后端进行通信。现在正在尝试正确地实现Formik(表单库)。 主要问题: 如何正确使用Formik的setError方法? 客户端验证错误已经正确显示,但现在我正在尝试设置/显示后端验证错误,这些错误是通过状态码400返回的响应中返回的。 链接到我正在尝试使用的方法...