Automatically add comma (,) to text field with numbers

Question

My current encoding adds a comma (,) when there are 4 or more digits. But instead of 1101 = 1,101, my code does this 1101 = 110,1 ... I want it to format and drive the comma forward. My javascript

<script language="javascript" type="text/javascript"> function AddComma(txt) { if (txt.value.length % 4 == 3) { txt.value += ","; } } </script> <asp:TextBox ID="TextBox3" onkeypress="AddComma(this)" runat="server"></asp:TextBox> 

How can I format, so that the comma is in front of 1, 101 or 10 101 or 100 101.

Answer 1

Try this code

 function Comma(Num) { //function to add commas to textboxes Num += ''; Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', ''); x = Num.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) x1 = x1.replace(rgx, '$1' + ',' + '$2'); return x1 + x2; } <asp:TextBox ID="TextBox3" runat="server" onkeyup = "javascript:this.value=Comma(this.value);" /> 

Hope this helps you.

Answer 2

 function addComma(txt) { txt.value = txt.value.replace(",", "").replace(/(\d+)(\d{3})/, "$1,$2"); } 

right now it only supports the last 3 digits

FIDDLE <--- here

Answer 3

There are any number of functions for this, here is one that inserts a thousands separator and makes toFixed also using any characters that you specify:

 // Format a number n using: // p decimal places (two by default) // ts as the thousands separator (comma by default) and // dp as the decimal point (period by default). // // If p < 0 or p > 20 results are implementation dependent. function formatNumber(n, p, ts, dp) { var t = []; // Get arguments, set defaults if (typeof p == 'undefined') p = 2; if (typeof ts == 'undefined') ts = ','; if (typeof dp == 'undefined') dp = '.'; // Get number and decimal part of n n = Number(n).toFixed(p).split('.'); // Add thousands separator and decimal point (if requied): for (var iLen = n[0].length, i = iLen? iLen % 3 || 3 : 0, j = 0; i <= iLen; i+=3) { t.push(n[0].substring(j, i)); j = i; } // Insert separators and return result return t.join(ts) + (n[1]? dp + n[1] : ''); } console.log(formatNumber(1101, 0)); // 1,101 

Answer 4

Assuming you have a string representation of a number:

 function formatNum(str){ var ind=str.length%3; return str.length > 3 ? (str.slice(0,ind)+','+str.slice(ind).match(/\d{1,3}/g).join(',')) : str; } 

If it's a number, not a string, you can use toString () to change it to a string first.

Answer 5

You can use jquery.numberbox.js for this kind of task.

Answer 6

You can also use this.

 <script type="text/javascript"> function addcommas(x){ var thisVal = x.value; thisVal = thisVal.replace(/,/g, ''); var thischar = ""+thisVal; var firstval = thischar.split(".")[0]; var secondval = thischar.split(".")[1]; if(secondval=="" || secondval==undefined){secondval = "";} else{secondval = "."+secondval;} var chkmod = parseInt(firstval.length)%3; var spclcon = parseInt(firstval.length)%3; var chkdiv= parseInt(parseInt(firstval.length)/3); if(firstval.length > 3) { last5 = firstval.substr(0,chkmod); for(i=1;i<=chkdiv;i++){ last5+= ","+firstval.substr(chkmod,3); chkmod = chkmod+3; } if(spclcon==0){last5 = last5.substr(1,last5.length-1)} return x.value = last5+""+secondval; } else{ return x.value = firstval+""+secondval; } } </script> 

Answer 7

Here is a modification of @Engineeration's answer by simply throwing Num on a line and globally replacing (once) any existing commas:

 function Comma(Num) { Num = Num.toString().replace(/,/g, ''); x = Num.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) x1 = x1.replace(rgx, '$1' + ',' + '$2'); return x1 + x2; } 

Answer 8

It will only accept numeric and one dot

here is javascript

 <script > function FormatCurrency(ctrl) { //Check if arrow keys are pressed - we want to allow navigation around textbox using arrow keys if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) { return; } var val = ctrl.value; val = val.replace(/,/g, "") ctrl.value = ""; val += ''; x = val.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } ctrl.value = x1 + x2; } function CheckNumeric() { return event.keyCode >= 48 && event.keyCode <= 57 || event.keyCode == 46; } </script> 

HTML

 <input type="text" onkeypress="return CheckNumeric()" onkeyup="FormatCurrency(this)" /> 

DEMO JSFIDDLE