问题标签 [yup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
822 浏览

reactjs - How to call a same modal with empty form what i have edited row data on a table row Click?

i am getting data in antd table using json data.Now click on a table row iam getting the data in a Modal.Now i want to call same modal on click on register button with empty data?

Here my sample data for StudentTable

i have a NewModal. iam getting the data on a table rowClick using mapPropsValues.Now i want to call same Modal with empty data?If i click on a table row call same modal i am getting the data?Now How to get empty form click on Register button using same modal?

my modal has following code?

And iam getting the form data using formik with antd component.Now i want to call same modal what i get click on a table row with empty form click on a register button?

0 投票
1 回答
3159 浏览

reactjs - 使用 Formik 降档自动完成 onBlur 重置值

我有一个需要通过 api 调用显示建议的字段的表单。应该允许用户选择或不选择其中一个选项,并且他们输入的值用于与表单一起提交,但此字段是必需的。我正在使用 Formik 来处理表单,是的用于表单验证以检查是否需要此字段,用于自动完成的降档,以及用于字段的 Material-UI。

当用户决定不使用建议的选项之一和 onBlur 触发器时,就会出现问题。onBlur 总是重置该字段,我相信这是 Downshift 导致了这种行为,但是这个问题的解决方案建议控制 Downshift 的状态,当我尝试它不能很好地与 Formik 和 Yup 一起工作时,我可以解决一些问题' 不是很明白,因为这些组件控制着这个字段的 inputValue。

继承人我到目前为止:

0 投票
2 回答
3717 浏览

reactjs - 是的和国际化

我有一个 React 示例应用程序,其中包含一个用 Formik 制作的表单和一个用 Yup 制作的 validationSchema,但我需要为每种支持的语言更改消息。所以我使用 react-i18next 进行国际化,效果很好。我的“formik-messages”有一个通用名称空间和一个特定名称空间。

我只是有一个问题,当我在特定语言消息中使用 ${min} 插值时,Chrome 控制台会向我显示警告,即使一切正常。

示例:我的密码字段具有此验证模式:

密码:Yup.string().min(8, t("yup:password-min")).required(t("yup:password-required"))

命名空间是 yup,消息是“password-min”:“密码必须至少包含 ${min} 个字符”

该消息显示没有问题,但由于该插值,Chrome 控制台显示警告(意外的模板字符串表达式 no-template-curly-in-string)。

有没有办法在不显示警告信息的情况下做到这一点?

谢谢

0 投票
1 回答
1027 浏览

reactjs - 如何在使用 withformik 和 antd 组件时调用 OnChange 函数?

在这里,我在 Formik Field 上调用 onChange 函数,但它没有调用?如何在 Formik 字段上调用自定义函数?

这是我在 React Component 下的自定义函数:

我的表单是在渲染下创建的,并在 StudentScore 字段上编写一个 onChange 函数。但它不叫?如何调用这个函数?

0 投票
3 回答
2939 浏览

javascript - 是的,Formik、LessThan 或 Equal

我正在使用这样的东西:

它工作得很好。但是,如果 value = 60,则所有不超过 60 的数字都可以工作,但没有 60。我做不到:value + 1。有没有类似的方法:lessThanOrEqualto()?我需要 (∞; 60> 我有 (∞; 60)

https://github.com/jquense/yup

0 投票
0 回答
626 浏览

javascript - 如何使用 yup 验证嵌套对象所需

surveyCategories是一个包含字符串和对象的数组。我只想使用Yup. 验证条件在 if 条件下方给出。

0 投票
2 回答
4058 浏览

reactjs - 我正在尝试使用选择,并且我正在使用 material-ui 示例

我正在尝试使用选择,并且正在使用 material-ui 示例当我使用 change() 时,我没有得到值。有什么建议么?

0 投票
10 回答
33813 浏览

javascript - Formik,是的,使用 React 进行密码强度验证

我对 React 还很陌生,我有一个注册页面,其中有一个密码字段要使用正则表达式进行验证。

我正在使用 Formik 和 Yup 进行验证,但是我遇到了一个错误,当我在“密码”字段中键入时,它说调用长度函数的属性未定义。

是的,有一个名为“matches”的函数,我试图用它来检查正则表达式。那是我得到这个错误的时候。我删除了这个验证,之后其他验证设置为密码字段工作正常。

下面是 SignUp.js 文件的代码:-

这是 chrome 控制台中的错误:-

0 投票
1 回答
1765 浏览

javascript - 是的 punycode 和西里尔字母的域名验证

如果您在验证西里尔文域名时遇到问题,是的,此解决方案可能会有所帮助。

我们的 Yup 验证看起来像这样

0 投票
1 回答
4499 浏览

reactjs - 如何动态扩展或组合 Yup 模式

说我有一个Yup.string()开始。

然后,在某个时候,就像在一个循环中,我想required有效地添加规则:

Yup.string().required('This field is required').

也许然后也添加一些.email检查。

我已经尝试过这种方式,但似乎没有用: