Formatting currency in Ember
<p>I have a form with several input fields for entering amounts of money and shows the total at the bottom of the screen. I would like for the user to only be able to type in numeric digits <code>[0-9]</code>, then a decimal <code>.</code>, and then a maximum of two more digits.</p>

<p>At first, I used the Ember addon <a href="https://www.npmjs.com/package/ember-inputmask" rel="nofollow">ember-inputmask</a> which correctly formats the currency as I needed, but if I clicked on an input and clicked out without entering a number or if I only entered part of a number and clicked else where the <code>total</code> would equal <code>NaN</code>.</p>

<p>I have also attempted to import the jQuery plugin <code>autonumeric.js</code> through <code>npm</code> and use that but with no success.</p>

<p>What is the best approach to only allow currency to be typed in an input field in Ember?</p>

<p>Is there a better addon or resources on how to accomplish this?</p>