Home Form Plugins jQuery Based Input Number Formatting Plugin | inputformat

jQuery Based Input Number Formatting Plugin | inputformat

Form Plugins webcodeflow · December 28, 2022 · 0 Comment

jquery-inputformat is the idea to create a javascript library to handle number/amount input.

Features:

Thousand Sep – Thousand Separator, default using (comma)
decimalSep – Decimal separators, default using. (Point)
allowDecimals – default true
allowNegative – default true
allowLeadingZero – false default
maxDecimalDigits – default ‘unlimited’ or specify max as a number, eg 2, 3
numericOnly – if set to true, allowDecimals is set to false, allow negative to false, and a thousand steps to an empty string

Easy Currency Formatter In Vanilla Javascript | format money js

How to make use of it:

1. Load the jQuery inputformat the plugin after the jQuery library.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="src/jquery-inputformat.js"></script>

2. Create a plain HTML entry on your web page.

<input id="default" type="text">

3. Call the plug-in to apply the default format setting to the input field.

$('#default').inputNumber();

4. Modify the following format settings to suit your needs.

$('#default').inputNumber({
thousandSep: ',',
decimalSep: '.',
allowDecimals: true,
allowNegative: true,
allowLeadingZero: false,
maxDecimalDigits: 'unlimited',
numericOnly: true
});