jQuery Currency Input Filed Mask Plugin - maskmoney
File Size: | 27.4 KB |
---|---|
Views Total: | 54690 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

maskmoney is a super simple jQuery plugin that make it easy to mask input filed text in the form of currency.
Features:
- Lightweight and easy to use
- Support for decimal and thousands separator
- Support for customizable decimal places
- Support for currency symbol
Related Plugins:
- Easy Number Formatting Plugin with jQuery - number
- Input Field Data Formatting Plugin - Mask
- Price Format jQuery Plugin - Price Format
- Easy Numbers and Currency Formatting Plugin - autoNumeric
- Automatic Input Field Data Formatting Plugin - jQuery mask
How to use it:
1. Include jQuery library and jQuery maskmoney plugin on the web page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script src="jquery.maskMoney.js" type="text/javascript"></script>
2. Create an input element for currency mask
<input type="text" id="demo1" />
3. Call the plugin with options.
$("#demo").maskMoney({ // The symbol to be displayed before the value entered by the user prefix:'US$ ', // The suffix to be displayed after the value entered by the user(example: "1234.23 €"). suffix: "", // Delay formatting of text field until focus leaves the field formatOnBlur: false, // Prevent users from inputing zero allowZero:false, // Prevent users from inputing negative values allowNegative:true, // Allow empty input values, so that when you delete the number it doesn't reset to 0.00. allowEmpty: false, // Select text in the input on double click doubleClickSelection: true, // Select all text in the input when the element fires the focus event. selectAllOnFocus: false, // The thousands separator thousands: '.', // The decimal separator decimal: '.' , // How many decimal places are allowed precision: 2, // Set if the symbol will stay in the field after the user exits the field. affixesStay : false, // Place caret at the end of the input on focus bringCaretAtEndOnFocus: true });
Change log:
v3.1.1 (2017-09-02)
- update to latest version.
v3.0.2 (2014-01-18)
- update to latest version.
v3.0.0 (2013-12-31)
- bugs fixed.
v2.9.6 (2013-12-29)
- bugs fixed.
v2.9.0 (2013-12-28)
- symbol` ~> `prefix`
- `symbolStay` ~> `affixesStay`
- `symbolPosition` no longer exists and to put the symbol at the right, you should use `suffix`
- `affixesStay` is now default to `true`
v2.7.0 (2013-12-26)
- adding the option to configure maskMoney parameters as data-* in the input itself.
v2.5.0 (2013-12-17)
- bugs fixed.
This awesome jQuery plugin is developed by plentz. For more Advanced Usages, please check the demo page or visit the official website.