使用 React Final Form 进行自定义验证

Question

我正在尝试在输入框中添加一些仅允许数字（金额）的自定义验证。 根据此处给出的示例，我尝试添加自定义验证。

const onlyAmount = value => {
  if (!value) return value
  let onlyNums = value.replace(/^\$?([0-9]{1,3},([0-9]{3},)*[0-9]{3}|[0-9]+)(.[0-9][0-9])?$/, '')
  return onlyNums
}

我的最终形式的领域就像

<Field
  name="price"
  component="input"
  type="text"
  parse={onlyAmount}
/>

没问题，它不允许我正确添加数字。 我阅读了 的文档，但找不到任何帮助解决方案。

反应最终形式： https : //github.com/final-form/react-final-form

任何建议都会非常有帮助。

Answer 1

添加类型=“数字”。 键盘不允许除数字以外的其他字符。

Answer 2

type="hidden"似乎是个错误。 这不会导致<input type="hidden"/>吗？

我没有在精神上解析您的正则表达式，但我建议您尝试在您链接到的沙箱中测试您的解析函数，看看它为什么不起作用。

Answer 3

这是你的正则表达式。 如果你添加一个控制台来打印你的值，那么你的 onlyNum，你会得到空字符串。