Currency Input Mask
HTML
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script>
<p>Try to set 4.50 int into input value</p>
Currency : <input id="mask" type="text" />
<button class="value" data-value="4.5">
Set Value 4.50 Expect to be 4,50
</button>
<button class="value" data-value="10000.5">
Set Value 10000.50 Expect to be 10.000,50
</button>
JavaScript
$(document).ready(function(){
$('.value').click(function(){
var dataValue= $(this).attr('data-value');
$('#mask').val(dataValue);
});
});
$('#mask').inputmask({
digits: 2,
digitsOptional: false,
rightAlign: false,
radixPoint: ",",
groupSeparator: ".",
alias: 'currency',
prefix: " ",
removeMaskOnSubmit: true,
autoUnmask: true,
numericInput: true
});