如何避免或禁用 Redux 表单文本输入中的自动完成功能?

Posted

技术标签:

【中文标题】如何避免或禁用 Redux 表单文本输入中的自动完成功能?【英文标题】:how to avoid or disable autoComplete in text input for Redux form? 【发布时间】:2016-12-09 09:15:16 【问题描述】:

我正在使用 ReactJS 和 ReduxJS 来构建我的应用程序。

我使用 Redux-Form 创建了我的表单,并且有很多文本输入,对于其中之一,我使用 onkeyDown 事件来增加和减少我的文本中的数字

所以当我单击向上箭头或输入第一个数字时,文本是自动的 完成之前输入的日期(历史),当我打扰时 点击另一个向上箭头

[提示] 我试过AutoComplete=off 还是不行

【问题讨论】:

你不知道。 ***.com/questions/2530/… 【参考方案1】:

您只是将属性大小写错误。您可以在输入上使用以下 3 个属性:

autoComplete="off"
autoCorrect="off"
spellCheck="off"

注意每个都是驼峰式的。

【讨论】:

应该是autoComplete=false autoCorrect=false spellCheck=false。但仍然.. 它不工作 @Darex1991 自动更正值已关闭/打开:developer.mozilla.org/en-US/docs/Web/html/Element/…。我这样做。它确实有效。 嗯,我在 React-native 和 redux 上尝试过,它向我显示了关于 propTypes 的错误——该属性应该是布尔值。 React-native 使用一组完全不同的输入元素。这个问题是关于网络的。【参考方案2】:

似乎autoComplete="off" 不再适用于 Chrome。解决方法是设置 autoComplete="new-password" 或不支持的值:autoComplete="something-unsupported"

【讨论】:

【参考方案3】:

我已经尝试了上述所有示例,但这个对我有用 autoComplete="off"

【讨论】:

以上是关于如何避免或禁用 Redux 表单文本输入中的自动完成功能?的主要内容,如果未能解决你的问题,请参考以下文章

禁用用户名和密码的chrome自动填充不适用于较新版本

如何避免在 Chrome 中的表单中自动填充用户名/密码?

如何设置 xamarin 表单输入字段的禁用文本颜色?

如何清除表单中的某些字段 - Redux-Form

使用 Jquery Validator 出现验证错误时如何避免或禁用表单提交

如何在输入 12 个字母的文本之前禁用按钮?