Minimal Number Fomatting Plugin - jQuery NumberFormatter.js

File Size: 3.49 KB
Views Total: 366
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal Number Fomatting Plugin - jQuery NumberFormatter.js

NumberFormatter.js is a lightweight jQuery number formatting plugin that enhances number input by automatically adding thousands separators and decimal separators to the input value while typing.

It can be used to ensure that users can quickly and easily comprehend the input value, reduces the likelihood of errors, and improves overall data accuracy.

In addition, this plugin restricts input to valid numbers and decimal places, which ensures data consistency across your web projects.

How to use it:

1. Include both jQuery and jqueryNumberFormatter.js libraries on the webpage.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/jqueryNumberFormatter.js"></script>

2. Call the function on the text input and the plugin will do the rest.

<input type="text" id="amount" name="amount">
$(function(){
  $('#amount').numberFormatter();
});

3. Customize thousands and decimal separators.

$(function(){
  $('#amount').numberFormatter({
    thousandSeparator: ',',
    decimalSeparator: '.',
  });
});

This awesome jQuery plugin is developed by asadnisar98. For more Advanced Usages, please check the demo page or visit the official website.