问题标签 [formsy-react]

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 投票
0 回答
870 浏览

javascript - 使用 formsy-react 时 React 不更新状态

我正在使用formsy-react来处理我的输入字段的验证。问题是我无法更新状态。我按照formsy github页面上的示例进行了验证,但问题是状态不正确。他们总是落后一步(或几步),我不知道为什么......

我在函数上使用回调setState来实现一些关于验证的自定义逻辑,但该部分无法正常工作。

我遇到用户输入电子邮件的情况。用户输入电子邮件后,我检查电子邮件是否已注册。如果用户已经在系统中,我创建新的输入组件(密码类型),如果没有,我创建新的“输入类型电子邮件”组件。

由于需要所有表单元素,我添加了一项验证检查,检查是否添加了新密码或电子邮件组件以及是否有任何数据。

为了更新状态,我使用了 Forms 表单 API 调用onChange(),这部分由于未知原因无法正常工作。

有人知道问题出在哪里吗?

这是我正在使用的代码:

组件输入(短版)

容器(短版)

0 投票
1 回答
448 浏览

reactjs - formsy-react 得到 Uncaught TypeError: _formsyReact2.default.addValidationRule is not a function

我一直在尝试使用 formsy-react 运行 react starter kit,我看到 babel 将其转换为 formsyrect2.addvalidationRule 到 formyrect2.default.addvalidationRule。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

我看到 Formsy.addValidationRule 正在搜索 _formsyReact2.default.addValidationRule

0 投票
1 回答
311 浏览

javascript - 手动运行 Formsy 验证

如此处所述,我正在使用来自 PayPal 的结帐覆盖。为了触发,有一个表单将通过 验证formsy-react,表单本身可以正常工作。

现在,我需要formsy手动触发验证,因为来自(参见上面的链接)的 PayPal-Buttonpaypal-checkout不是该表单的一部分。我们需要在 paypal 支付触发之前调用 Backend,因为我们必须在支付过程之前、期间和之后设置状态。

根据法律,我们必须acceptTermsAndConditions在 PayPal 支付服务器客户端之前进行验证。这就是为什么我需要在付款前验证表格。

因此,我们尝试通过以下函数触发formsy-validation 过程:payment

非常感谢任何帮助。

0 投票
0 回答
626 浏览

reactjs - formy-react 如何判断哪个验证使输入无效

我有这个使用'formsy-react'的表单组件(在打字稿中)。使用无效表单提交后,我能够收到无效字段的名称(“onInvalidSubmit”中的变量“fieldsWithErrors”)。

我需要的是,如果字段有多个验证函数(在我的示例中为“validationFunc1”、“validationFunc2”),以了解哪个验证函数导致了无效状态。

谢谢!

0 投票
1 回答
567 浏览

reactjs - onChange 不适用于 React Formsy

我正在使用反应形式(https://github.com/formsy/formsy-react)。以下是我的代码,在这个 handleChange 中不起作用。

如果我使用简单的选择,那么它可以工作

我需要获得改变的价值才能获得城市。

0 投票
1 回答
1236 浏览

javascript - React Form:Form Input 使用时需要 name 属性

我使用 formsy-react-2 创建了一个表单,但它不起作用。我正进入(状态

错误:表单输入在使用时需要名称属性

我是 React JS 的新手,我不知道在 React JS 中使用表单时哪个包最好。请给我一些建议。

这是我在 React JS 中的表单类的源代码。我正在使用反应版本'16.5.2'

0 投票
0 回答
365 浏览

reactjs - formy-react 和 react-datepicker 不能一起工作

我有一个带有一堆输入的表单。我可以在 onValidSubmit 函数中看到这些输入的值。这种输入的一个示例如下:

在形式上,我有:

该函数仅记录表单数据:

我想将此输入更改为 react-datepicker 组件 (DatePicker),但是,在进行必要的更改以使 DatePicker 工作后,onValidSubmit 中的“formData”对象不再包含“myStartDate”的值。我应该怎么做才能完成这项工作?

我的 DatePicker 组件如下所示:(它与 Input 基本相同,但有一些额外的东西)

我知道 DatePicker 使用 moment.js 处理日期,我将相应地处理此更改,但是,正如我之前所说,“myStartDate”不再显示在传递给“onValidSubmit”的“formData”对象中。是什么赋予了?

非常感谢您的帮助!

0 投票
0 回答
373 浏览

reactjs - 做出反应。Formsy-react 和复选框

在我的反应应用程序中,我有通用输入组件:

接下来,我将这组输入与 react-formsy 一起使用:

此复选框应该是必需的,在它们被选中之前,按钮必须处于非活动状态。但问题是我无法选中复选框。我是新来的反应。我的错误在哪里?

0 投票
1 回答
828 浏览

reactjs - 仅在输入有效时提交 onBlur 函数

我正在使用来自 formsy-semantic-ui-react 的输入进行表单验证,如何仅在字段有效时运行 onBlur 函数?

在formy-react中有一个isValid()函数,this.props.isValid()但是我如何在formsy-semantic-ui-react的输入中调用这个函数?

我怎么能做类似的事情onBlur={isValid() ? this.updateValue : null}

0 投票
1 回答
221 浏览

node.js - 猴子修补formsy-react库中使用的函数

我使用 formsy-react v1.1.5 进行验证,我有大约 100 个输入字段,并且由于代码中不必要的 object.assign 函数,它的速度慢得令人难以置信。我知道更高版本解决了这个问题,但我现在无法更新它。

我完全不知道猴子补丁,我不想使用任何补丁库来完成工作。我想了解如何修补它。

这段代码:

我想进行以下更改:

谢谢。