add commas to a number in jQuery

Question

I have these numbers  10999 and 8094 and 456  And all i want to do is add a comma in the right place if it needs it so it looks like this  10 999 and 8 094 and 456  These are all within a p tag like this  lt p class  points  gt 10999 lt  p gt  etc   Can it be done   I ve attempted it here with the help of other posts http   jsfiddle net pdWTU 1  but can t seem to get it to work  Thanks  Jamie  UPDATE  Messed around a bit and managed to figure it out here http   jsfiddle net W5jwY 1   Going to look at the new Globalization plugin for a better way of doing it  Thanks  Jamie

User · Answer

I m guessing that you re doing some sort of localization  so have a look at this script

User · Answer

Works on all browsers  this is all you need     function commaSeparateNumber val       while     d    d 3    test val toString            val   val toString   replace    d    d 3       1        2              return val        Wrote this to be compact  and to the point  thanks to regex  This is straight JS  but you can use it in your jQuery like so       elementID   html commaSeparateNumber 1234567890      or      inputID   val commaSeparateNumber 1234567890

User · Answer

Number 10000  toLocaleString  en         10 000

User · Answer

Take a look at Numeral js   It can format numbers  currency  percentages and has support for localization

User · Answer

Here is my coffeescript version of  baacke s fiddle provided in a comment to  Timothy Perez  class Helpers      intComma   number  - gt            remove any existing commas         comma      g         val   number toString   replace comma                separate the decimals         valSplit   val split              integer   valSplit 0  toString           expression      d    d 3            while expression test integer              withComma     1  2              integer   integer toString   replace expression  withComma            recombine with decimals if any         val   integer         if valSplit length    2             val      val    valSplit 1             return val

User · Answer

Using toLocaleString ref at https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Number toLocaleString   x000D   x000D  function formatComma value  sep   0    x000D        return Number value  toLocaleString  ja-JP     style   currency   currency   JPY   minimumFractionDigits  sep     x000D        x000D  console log formatComma 123456789  2        123 456 789 00 x000D  console log formatComma 123456789  0        123 456 789 x000D  console log formatComma 1234  0        1 234 x000D   x000D   x000D

User · Answer

Another way to do it   function addCommas n     var s             r     while  n        r   n   1000      s   r   s      n    n - r  1000      s    n               s         return s     alert addCommas 12345678

User · Answer

function delimitNumbers str          return  str       replace   b  d       d     b g  function a  b  c            return  b charAt 0   gt  0  amp  amp    c         lastIndexOf        b replace    d      d 3      g    1      b    c                       alert delimitNumbers 1234567890

User · Answer

another approach   function addCommas nStr        nStr            x   nStr split           x1   x 0       x2   x length  gt  1         x 1            var rgx      d    d 3         while  rgx test x1             x1   x1 replace rgx    1            2              return x1   x2    var a    addCommas 10000 00   alert a     Another amazing plugin  http   www teamdf com web jquery-number-format 178

User · Answer

Timothy Pirez answer was very correct but if you need to replace the numbers with commas Immediately as user types in textfield  u might want to use the Keyup function                     textfield   live  keyup   function  event            var value     textfield   val           if event which  gt   37  amp  amp  event which  lt   40             event preventDefault                  var newvalue value replace    g                var valuewithcomma Number newvalue  toLocaleString  en                 textfield   val valuewithcomma                     lt form gt  lt input type  text  id  textfield   gt  lt  form gt

User · Answer

Take a look at recently released Globalization plugin to jQuery by Microsoft

[javascript] add commas to a number in jQuery

Examples related to javascript

Examples related to jquery

Examples related to formatting

Examples related to numbers