36得票13回答
使用React、Formik和Yup进行密码强度验证

我对React还比较新,我有一个注册页面,其中有一个密码字段需要使用正则表达式进行验证。 我正在使用Formik和Yup进行验证,但是当我在“密码”字段中输入时,它显示调用长度函数的属性未定义的错误。 在yup中有一个名为“matches”的函数,我试图利用它来检查正则表达式。这就是我遇到...

35得票7回答
Yup验证与两个相关字段

我在 ReactJS 中使用 Formik 管理表单,关于 Yup 的验证有一个问题。 我有两个字段,一个是用于选择国家的下拉控件,另一个是邮政编码。 在国家数组中,我们有用于验证邮政编码的正则表达式,并且想法是使用当前所选国家的正则表达式验证输入的邮政编码,是否有人能够提供如何实现的线索。

35得票3回答
如何在React JS中使用Formik将状态值传递给初始值

我在我的React应用程序中使用Formik库。最初,我在构造函数中声明了状态值,在componentDidMount中,我调用一个API,使用该应用程序响应更新状态值,有人可以帮助我将状态值传递给formik初始值吗? 在我的情况下,formik使用在构造函数中声明的初始状态值。提前感谢。...

34得票7回答
如何使用Yup验证开始日期是否在结束日期之后?

我有一个使用Formik库创建事件的表单。 我需要检查开始日期是否与结束日期重叠,反之亦然。 我有两个日期选择器来选择日期和时间。 如何使用Yup进行验证,并在它们重叠时显示错误消息? 提前感谢您的帮助。const validationSchema = Yup.object().shape(...

33得票5回答
如何在 Yup/Formik 中更改默认的错误提示文本?

如果我点击电子邮件输入字段,该字段显示“输入您的电子邮件”。这是我设置的。但是,在我输入时,当验证检查未被满足时,它会显示“输入有效的电子邮件”之类的默认文本,这不是我编写的。 如果密码错误,由于我使用了.matches(),我希望在屏幕上打印出所需的文本。那么如何为电子邮件做到这一点? ...

32得票4回答
在Yup Schema中获取另一个字段的值进行验证

我正在使用Formik、Yup和TypeScript进行验证。我有一个需要根据另一个字段的值进行验证的字段。第一个字段名为价格(price),第二个字段名为小费(tips)。最大小费值为输入的价格的10%。我尝试使用以下方式进行验证: tips: yup.number() .min...

30得票4回答
Yup验证器可以是字符串或字符串数组。

我希望确认一个字段是字符串或者字符串数组。这里有一个最简化的失败例子(使用了formik,但实际上我正在使用yup进行服务器端验证):https://codesandbox.io/s/formik-example-jmph7?fontsize=14。 { email: yup ...

30得票5回答
使用Yup和Formik进行条件验证

这是我的验证模式:const validationSchema = Yup.object().shape({ person: Yup.object().shape({ name: Yup.string().required('Field is required'),...

30得票4回答
在组件之外访问Formik的值 | React

一些信息 我正在使用Formik来完成我的项目,我的设置看起来像这样:|-MenuModal |--MenuEdit |---MenuEditForm MenuModal是MenuEdit和MenuEditForm的父组件。组件MenuEditForm负责返回Formik表单,但我在其父组件...

29得票3回答
如何在 AJAX 请求后使用 React Context API 值更新 Formik 的初始值?

我面临的问题是,我想在整个组件树中模仿FlaskLogin current_user在React中的行为。对于那些不熟悉FlaskLogin的人来说,current_user仅存储当前已登录用户的会话。 为了做到这一点,我决定使用React上下文API。我所做的是在顶层组件上,将一个User...