Autonumeric

autoNumeric is a jQuery plugin that automatically formats currency and numbers as you type on form inputs.

Please refer to jQuery autoNumeric Documentation to learn about plugin options

Step one

Include the javascript file inside the <body>before core template script inclusions, if it's not there already.

<script src="assets/plugins/jquery-autonumeric/autoNumeric.js" type="text/javascript">

Step two

Add the markup.

<input type="text" data-a-dec="." data-a-sep="," class="autonumeric form-control">

Step three

Apply the plugin.

Make sure you place the following script below all the pre-requisites mentioned in the Step two above.

<script>
$(document).ready(function() {
    $('.autonumeric').autoNumeric('init');
});
</script>

Last updated 4 years ago