Unable to format number due to error The specified value "798,789.00" is not a valid number

Asked Jun 21 '19 at 17:03

Active Jun 21 '19 at 17:03

Viewed 53 times

I am getting an error when trying to format a number:

The specified value "798,789.00" is not a valid number. The value must match to the following regular expression: -?(\d+|\d+.\d+|.\d+)([eE][-+]?\d+)?

 <FormField
    type="number"
    value={
      Number(
        startupFourthStepForm.previous_investments &&
          startupFourthStepForm.previous_investments[index] &&
          startupFourthStepForm.previous_investments[index].amount,
      )
        .toFixed(2)
        .replace(/\d(?=(\d{3})+\.)/g, '$&,') || ''
    }
  />

I am using Number since amount comes as a string. I am getting that error and I am not getting anything to render.

If I remove that regular expression and the toFixed method, I get 798789.00 in the input.

What am I missing?

asked Jun 21 '19 at 17:03

Non

8,409
20
71
123

1

number input can't have commas. Some browsers may support locale on the input. – epascarello Jun 21 '19 at 17:04
Hi @epascarello can you provide an example of locale? – Non Jun 21 '19 at 17:07
If you want to use commas, you will need to us a text input. – epascarello Jun 21 '19 at 17:34
@Non Are you just trying to format the number for readability purposes? – John Ruddell Jun 21 '19 at 17:55
Hi @JohnRuddell nope. it is a text input on an edit field. So the user could edit that number too. – Non Jun 21 '19 at 18:01
Thats fine, but for readability you want to "mask" the input to show a formatted number? – John Ruddell Jun 21 '19 at 18:04
So basically you should use [**something like this**](https://stackoverflow.com/a/2901298/2733506). On change you would need to strip commas and `parseInt` to get the number value again – John Ruddell Jun 21 '19 at 18:09

Unable to format number due to error The specified value "798,789.00" is not a valid number

0 Answers0