入力ボックスで数値 (金額) のみを許可するカスタム検証を追加しようとしています。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
どんな提案も本当に役に立ちます。