问题标签 [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.
javascript - 使用 formsy-react 时 React 不更新状态
我正在使用formsy-react来处理我的输入字段的验证。问题是我无法更新状态。我按照formsy github页面上的示例进行了验证,但问题是状态不正确。他们总是落后一步(或几步),我不知道为什么......
我在函数上使用回调setState
来实现一些关于验证的自定义逻辑,但该部分无法正常工作。
我遇到用户输入电子邮件的情况。用户输入电子邮件后,我检查电子邮件是否已注册。如果用户已经在系统中,我创建新的输入组件(密码类型),如果没有,我创建新的“输入类型电子邮件”组件。
由于需要所有表单元素,我添加了一项验证检查,检查是否添加了新密码或电子邮件组件以及是否有任何数据。
为了更新状态,我使用了 Forms 表单 API 调用onChange(),这部分由于未知原因无法正常工作。
有人知道问题出在哪里吗?
这是我正在使用的代码:
组件输入(短版)
容器(短版)
javascript - 手动运行 Formsy 验证
如此处所述,我正在使用来自 PayPal 的结帐覆盖。为了触发,有一个表单将通过 验证formsy-react
,表单本身可以正常工作。
现在,我需要formsy
手动触发验证,因为来自(参见上面的链接)的 PayPal-Buttonpaypal-checkout
不是该表单的一部分。我们需要在 paypal 支付触发之前调用 Backend,因为我们必须在支付过程之前、期间和之后设置状态。
根据法律,我们必须acceptTermsAndConditions
在 PayPal 支付服务器和客户端之前进行验证。这就是为什么我需要在付款前验证表格。
因此,我们尝试通过以下函数触发formsy
-validation 过程:payment
非常感谢任何帮助。
reactjs - formy-react 如何判断哪个验证使输入无效
我有这个使用'formsy-react'的表单组件(在打字稿中)。使用无效表单提交后,我能够收到无效字段的名称(“onInvalidSubmit”中的变量“fieldsWithErrors”)。
我需要的是,如果字段有多个验证函数(在我的示例中为“validationFunc1”、“validationFunc2”),以了解哪个验证函数导致了无效状态。
谢谢!
reactjs - onChange 不适用于 React Formsy
我正在使用反应形式(https://github.com/formsy/formsy-react)。以下是我的代码,在这个 handleChange 中不起作用。
如果我使用简单的选择,那么它可以工作
我需要获得改变的价值才能获得城市。
javascript - React Form:Form Input 使用时需要 name 属性
我使用 formsy-react-2 创建了一个表单,但它不起作用。我正进入(状态
错误:表单输入在使用时需要名称属性
我是 React JS 的新手,我不知道在 React JS 中使用表单时哪个包最好。请给我一些建议。
这是我在 React JS 中的表单类的源代码。我正在使用反应版本'16.5.2'
reactjs - formy-react 和 react-datepicker 不能一起工作
我有一个带有一堆输入的表单。我可以在 onValidSubmit 函数中看到这些输入的值。这种输入的一个示例如下:
在形式上,我有:
该函数仅记录表单数据:
我想将此输入更改为 react-datepicker 组件 (DatePicker),但是,在进行必要的更改以使 DatePicker 工作后,onValidSubmit 中的“formData”对象不再包含“myStartDate”的值。我应该怎么做才能完成这项工作?
我的 DatePicker 组件如下所示:(它与 Input 基本相同,但有一些额外的东西)
我知道 DatePicker 使用 moment.js 处理日期,我将相应地处理此更改,但是,正如我之前所说,“myStartDate”不再显示在传递给“onValidSubmit”的“formData”对象中。是什么赋予了?
非常感谢您的帮助!
reactjs - 做出反应。Formsy-react 和复选框
在我的反应应用程序中,我有通用输入组件:
接下来,我将这组输入与 react-formsy 一起使用:
此复选框应该是必需的,在它们被选中之前,按钮必须处于非活动状态。但问题是我无法选中复选框。我是新来的反应。我的错误在哪里?
reactjs - 仅在输入有效时提交 onBlur 函数
我正在使用来自 formsy-semantic-ui-react 的输入进行表单验证,如何仅在字段有效时运行 onBlur 函数?
在formy-react中有一个isValid()
函数,this.props.isValid()
但是我如何在formsy-semantic-ui-react的输入中调用这个函数?
我怎么能做类似的事情onBlur={isValid() ? this.updateValue : null}
?
node.js - 猴子修补formsy-react库中使用的函数
我使用 formsy-react v1.1.5 进行验证,我有大约 100 个输入字段,并且由于代码中不必要的 object.assign 函数,它的速度慢得令人难以置信。我知道更高版本解决了这个问题,但我现在无法更新它。
我完全不知道猴子补丁,我不想使用任何补丁库来完成工作。我想了解如何修补它。
这段代码:
我想进行以下更改:
谢谢。