Input money mask

#1

Hi,
I need a mask for an input with 2 decimals, to work like this: “US$ ** (unlimited numbers: 0-inifnite)** . **”. For example: US$ 329.15
I’ve tried this and it works: https://www.npmjs.com/package/ionic2-input-mask
But this expression it’s for phone number.

Thanks

1 Like
#2

I’m pretty sure you want to use https://www.npmjs.com/package/angular2-text-mask

#3

But also. I’ve had several attempts at getting a currency input working, and I must say it isn’t trivial. Browser and platform differences make it a nightmare. And on iOS and Android if you want a numeric keypad, then you need to use a numeric type field. As soon as you do that then you can no longer get the cursor position of the field, so any kind of input mask becomes troublesome.

So you have to then choose between having a numeric keyboard, or having an input masked field.

I’ve come to the conclusion most apps end up creating a soft keyboard and a kind of dummy input field and then you eliminate the trouble of a cursor and have a decent keyboard for entering currency. And it is really somewhere a native keyboard / textfield doesn’t give a huge advantage?

#4

hi, did you found a solution?

#5

I haven’t found one that isn’t clunky.