Autonumeric

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

Please refer to 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 5 years ago