jQuery Easy Number Separator

1. Introduction

Easy-Number-Separator is a jQuery plugin for currency format with a specified separator. The plugin separates numbers with a comma , automatically in realtime when typing. It works on any text input field and accepts also dot character for decimals. To start using it we have to add one class number-separator to the input field.

2. Plugin Overview

Demo

3. How to install and use Easy-Number-Separator jQuery plugin

Steps below shows how to install Easy-Number-Separator plugin.

1. first, include jQuery in your project

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

2. add Easy-Number-Separator plugin

<!-- Easy Number Separator JS -->
<script src="js/easy-number-separator.js"></script>

3. create HTML input field with number-separator class

<input type="text" class="number-separator" value="">

Easy-Number-Separator plugin will automatically attach to any field with number-separator class.

4. Conclusion

In this article, we presented a Easy-Number-Separator jQuery plugin that can be used to format numbers in input fields on your website. The plugin is easy to integrate, very lightweight and comes with many nice features. It can be used to format the amount in payment forms.