How to automatically add decimal point on user input on form

Question

On an input number field when the user starts typing I want to have the field automatically convert it to currency with cents first.

For example, if I input 1, it will show .01 in the input box.

If I input 1234 it will show 12.34 in the field. While I am typing it will start showing .01, then .12, then 1.23, then finally 12.34 when I am finished.

I believe Paypal does something similar to this on their site when a user is transferring balances.

Derek Schmid · Accepted Answer · 2019-01-28 22:04:31Z

1

You can get this functionality by using the ngx-currency package. Visit https://www.npmjs.com/package/ngx-currency to find more information.

I currently use this on a project and it has saved me many headaches from trying to self-program currency logic.

answered Jan 28, 2019 at 22:04

Derek Schmid

914 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eldorian Over a year ago

Thanks, after doing more research this is about what I came up with as well. Discovered very quickly that I was going to need a package to use or spend several days writing up and testing a new solution for it. I was hoping there was simple way that was already built in or a method - but guess not! :) Thanks for assurance.

Collectives™ on Stack Overflow

How to automatically add decimal point on user input on form

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related