jQuery plugin to mask data entry in the input text in the form of money (currency)
npm install jquery-maskmoneyJust a simple way to create masks to your currency form fields with jQuery.
*
To get the latest(minified) version, click here.
You can also use CloudFlare's cdnjs. Just choose the version you want to use here.
*
To view a complete demonstration of it's features and usage, access our examples page!
*
html
`*
$3
The options that you can set are:
*
: the prefix to be displayed before(aha!) the value entered by the user(example: "US$ 1234.23"). default: ''
* suffix: the prefix to be displayed after the value entered by the user(example: "1234.23 €"). default: ''
* affixesStay: set if the prefix and suffix will stay in the field's value after the user exits the field. default: true
* thousands: the thousands separator. default: ','
* decimal: the decimal separator. default: '.'
* precision: how many decimal places are allowed. default: 2
* allowZero: use this setting to prevent users from inputing zero. default: false
* allowNegative: use this setting to prevent users from inputing negative values. default: false__IMPORTANT__: if you try to bind maskMoney to a read only field, nothing will happen, since we ignore completely read only fields. So, if you have a read only field, try to bind maskMoney to it, it will not work. Even if you change the field removing the readonly property, you will need to re-bind maskMoney to make it work.
*
$3
We have 3 bonus methods that can be useful to you:
*
.maskMoney('destroy') removes maskMoney from an element.
* .maskMoney('mask') apply the mask to your input. This method can work as a setter as well, if you pass a value to it, like this .maskMoney('mask', 1999.99)
* return a float value (ex.: 'R$ 1.234,56' => 1234.56). PS: If you have only one input field, you should use this way .maskMoney('unmasked')[0], since it will always return an array.You can also configure maskMoney options using the data-* API instead of passing it as a hash in the
.maskMoney method call. To use it, simply set the options using data-