Automatically add comma for monetary values in a form? - html

Question

Not sure if I described my question well, but basically here's what I've got right now:
$('input.number').keyup(function(event) {
// skip for arrow keys
if(event.which >= 37 && event.which <= 40) return;
// format number
$(this).val(function(index, value) {
return value
.replace(/\D/g, "")
.replace(/\B(?=(\d{3})+(?!\d))/g, ",")
;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input class="number">
Right now if you enter 1000 it will add comma like this: 1,000
What I want is the number to act as a cent.
So if I write 100 it will add a dot here: 1.00
If 1000, then 10.00
If 10000 then 100.00
If 100000 then 1,000.00
and so on.
basically I want the number to be a cent and add commas and dots with a jQuery accordingly.
But I don't want them to be submitted.
I have seen this being done in ad networks, kubikads for example.
The numbers should be submitted without commas and dots.
The jQuery code in the above code seems very confusing to me .
If anyone have a ready made script or know what to modify in the script to achieve this, I would greatly appreciate

Answer 1

A little dirty... but it works! You can just pop off the decimal and store it while you add the commas.
$('input.number').keyup(function(event) {
// skip for arrow keys
if(event.which >= 37 && event.which <= 40) return;
// format number
$(this).val(function(index, value) {
return value
.replace(/\D/g, "")
.replace(/^0+/,"")
.split(/(\d{0,2})$/)
.join(".")
.replace(/\B(?=(\d{3})+(?!\d))/g, ",")
.replace(/.$/,"")
});
});
$('#myform').submit(function(e) {
e.currentTarget[0].value = e.currentTarget[0].value
.replace(/\D/g, "")
console.log(e.currentTarget[0].value)
return false; // return false to cancel form action
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<form id="myform">
<input class="number">
</form>

Answer 2

This should do it...
var num = '132406'; /Your original unformatted number
var ret = '';
var p = 0;
for (let i = num.length; i > 0; i--) {
p = p + 1;
if (p == 3 && ret.includes('.') == false) {
ret = '.' + ret;
p = 0;
} else if (p % 3 == 0 ) {
ret = ',' + ret;
}
ret = num.substring(i - 1, i) + ret;
}
console.log(ret);