0

I have an input in my form where the user have to write an amount to pay. The problem is that the user have different ways to do it, it could be 1,350.55 (this is he correct one), but it could be something like this 1.350,55 or 1.350. So, is there any way to parse the amount to my correct form?

Thanks!

Crisiiii
  • 409
  • 7
  • 22

3 Answers3

2

You want to parse the input, right? Why not try to make the input a currency field? And then parse it into a container through angular, so that customers may see the value and then work with the angular filtered value.

Here is a fiddle: http://jsfiddle.net/lacrioque/vouLmrac/

<p><label for='numberinput'>Your Price here: </label><input type='number' name='numberinput' ng-model='numbertofilter' placeholder="1,350.99"/></p>
<p>Price: <span>{{numbertofilter | currency }}</span></p>
Lacrioque
  • 358
  • 7
  • 11
0

Use ng-pattern

Attach ng-pattern to your input and feed it a RegEx of your required pattern. This way people will only be able to input in the correct way and you can avoid bad data.

Please check out this link for more information on input formatting.

Example

Here I have an example for any whole number up to 9999999 its very simple if you understand RegEx

<input type="number" ng-model="price" name="price_field" 
       ng-pattern="/^[0-9]{1,7}$/" required>

Note

You can check your RegEx here.

Joe Lloyd
  • 19,471
  • 7
  • 53
  • 81
0

If you don't know the format, how would you parse 13.995? Would it be "13955" (an integer) or the float one?

You may instead want to mask the format and avoid thousand separators entirely. And tell the user not to use them.

rewritten
  • 16,280
  • 2
  • 47
  • 50