0

入力ボックスで数値 (金額) のみを許可するカスタム検証を追加しようとしています。hereの例に従って、カスタム検証を追加しようとしました。

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}
/>

問題ありません。数字を正しく追加できません。のドキュメントを読みましたが、解決策が見つかりませんでした。

React 最終フォーム : https://github.com/final-form/react-final-form

どんな提案も本当に役に立ちます。

4

3 に答える 3