问题标签 [redux-form-validators]

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 回答
792 浏览

javascript - redux 形式的多重归一化器

我想传递多个函数来规范化 redux 字段,有没有办法做到这一点?就像我们在验证道具中传递一个数组一样?

在整个 redux-form 问题中,我看到了类似的方式

如何实现类似的东西

0 投票
2 回答
49 浏览

javascript - 函数返回函数不适用于 redux 表单字段级验证。

这有点奇怪的行为,但我实际上无法弄清楚我的验证发生了什么:)

我有一个字段级验证

它的使用就像

这实际上仅在其他验证失败的情况下才有效。因此,如果用户输入正确的所有字段,并且只是 confirmEmail 将不匹配电子邮件 -不会有任何验证错误!

但是,如果我更改验证,那么它就不会是一个函数返回函数 - 它可以工作。

PS 对于所有字段级验证都相同,例如动态minLength验证。

0 投票
1 回答
1149 浏览

javascript - 嵌套 redux 表单字段以进行分组验证

以下是否被认为是 redux-form 字段的有效使用?

一个“无价值”的父字段仅用于挂钩到同步字段级别的验证管道。然后可以使用此组件的道具来更改其子项的 UI / 状态(这些子项又包含一些实现实际表单值的 RF 字段)

现实世界的例子=假设有一组五个复选框......如果至少有两个没有被选中,那么它们应该都被包裹在一个“红色边框”的 div 中。

到目前为止似乎有效,但我意识到可能有一种更简单/更好/正确的方法来实现相同的结果,或者我实际上可能会为未来的麻烦做好准备!

提前致谢。

0 投票
1 回答
329 浏览

redux-form - 带有分叉步骤的 ReduxForm 向导

我正在尝试构建一个 reduxform,其中我有一个父页面,以及 step1、step2 组件,例如网站上的 redux 表单示例。

Step1 有一个包含 2 个值的下拉列表 - 可以说是“A”和“B” Step2 有几个表单输入详细信息如果我在 step1 下拉列表中有值“A” - 我继续 step2 向 nodejs/mongo 发送请求并重定向到成功页面

(现在的主要问题: - 我该怎么做以下)

如果我在步骤 1 中有值“B” - Step2 应该继续到 Step3 - 然后在某个时候发布到 DB 等

如何拆分向导流程?任何线索都非常感谢 - 我是 react/redux 和 reduxforms 的新手,并且在最后期限内.. 为“菜鸟”道歉

0 投票
6 回答
46370 浏览

angular5 - mat-select 所需的验证不起作用

我有以下代码

由于我希望“选择”是必填字段,因此在呈现表单时应该禁用“提交”按钮。但是,显示表单时会启用“提交”按钮。问题是什么?

0 投票
0 回答
911 浏览

regex - 模式不适用于Angular 4表单构建器中的正整数

我正在使用 Angular 4 和 Reactive 表单(使用表单生成器),我的表单名称中有一个字段 Quantity of Products 所以我们知道数量不包含负值和浮动值,请为此建议我正确的模式

我不想让用户输入负值、零、点(。)和任何其他符号,如 - 和 e。

我只想要正数+整数(整数)

提前谢谢请帮助我

0 投票
0 回答
253 浏览

reactjs - fieldArray 上的 asyncValidate

如何获得异步验证以触发 FieldArray 内的特定字段组件。我有类似的东西:

场景和这里一样:redux-form - asyncBlurFields with FieldArray Component

假设我有 5 个输入字段,在第 4 天我犯了一些错误并且 asyncValidate 抛出错误。您如何在该字段上返回错误?

0 投票
1 回答
129 浏览

redux-form - 如何初始化表单错误?

在文档中,我可以看到如何初始化表单状态,就像在初始值中一样。但是,我找不到任何关于如何将某些字段初始化为错误状态的信息。

我的用例是我正在加载表单以使用初始值进行编辑,但有些值可能是错误的。例如,可能需要更新日期字段,因为日期已过。所以,我需要在表单加载后和用户触摸它之前显示错误的字段。

我还应该注意,我没有使用 reducer.plugin,因为该插件需要您定义表单标识符。我希望我的组件通常可以使用,所以我不想将它与预定义的标识符绑定。我基本上需要initalValues对值做什么,但是喜欢initalErrors什么。

我该如何做到这一点?

0 投票
1 回答
213 浏览

reactjs - 如何访问函数 props.change()?

我想使用这里建议的答案:https ://stackoverflow.com/a/51065315/9973545这涉及到

“在 reduxForm 包装的组件中”。不过, My在其中this.props没有任何change功能。

我正在尝试从我的render函数内部访问该函数,该函数(大量缩减)说如下:

我假设我使用了错误的道具,但我不确定我还有什么其他道具。或者我可能需要使用另一个库来进一步装饰我的道具?

0 投票
1 回答
118 浏览

redux-form - redux-form 初始化 FieldArray

我正在尝试创建一个集成了 redux-form 多个方面的 redux 表单。为了更好地介绍该项目,我想与您分享主要目标。目前我有一个动态表格,可以与参与者一起扩展。每个参与者都有一个上级。在用户输入(Async.Creatable React 选择)时,我根据文本请求(调用 API)所有用户。总而言之,一个自动建议。接到用户后,我第二次打电话给相应的上级。之后,我想为参与者和上级自动填充字段。对于第一个参与者+上级来说,一切都很好。与第一个参与者不同,第二个上级没有自动填充。是否需要调用初始化操作(redux-form)手册,当改变 initalValues 属性时?函数 getFormData 访问当前状态。这些状态与预期一致,包含以下数据。这些状态是使用 redux-form 的 LOAD 动作创建的

初始:参加者:数组(2)<--自动填充字段 [{name:FirstTest,firstName:FirstTest},{name:SecondTest,firstName:SecondTest}]