jquery - number formatting issue

Question

This is my code:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.field.js" type="text/javascript"></script>
<script src="js/jquery.calculation.js" type="text/javascript"></script>    
<script>    
   $(function() {
      $('input[name^=sum]').keyup(function() {
            var sum1 = parseFloat($('input[name=sum1]').val()) || 0;
            var sum2 = parseFloat($('input[name=sum2]').val()) || 0; 
            var sum3 = parseFloat($('input[name=sum3]').val()) || 0; 

            $('#c_card_amount').val(sum1*sum3/100);        
            $('#total_inc_charges').val((sum1*sum3/100)+sum1);
       });
   });
</script>

In the input fields I would like to show the numbers in 1,000.00 format.

How can I format the numbers like this? Right now after the calculation numbers sometimes gets messed up like 452.25600000001. I would like to avoid that as well. Would be nice to rule the numbers properly.

Thank you for your help.

check it out http://stackoverflow.com/questions/1068284/format-numbers-in-javascript — hungneox, Dec 09 '11 at 17:51

score 2 · Answer 1 · edited May 23 '17 at 12:27

2

I recommend that you use NumberFormatter. Also you can see this question.

edited May 23 '17 at 12:27

Community

1
1

answered Dec 09 '11 at 17:51

Saeed Neamati

35,341
41
136
188

score 2 · Answer 2 · edited May 23 '17 at 11:48

2

I would recommend you to try jQuery Format as mentioned in this question: Format numbers in javascript.

Below is an example of jQuery Format:

$.format.locale({
    number: {
        groupingSeparator: ',',
        decimalSeparator: '.'
    }
});
$.format.number(1000, '#,###.00');    // result: 1,000.00
$.format.number(452.25600000001, '#,###.00');    // result: 452.26

edited May 23 '17 at 11:48

Community

1
1

answered Dec 28 '11 at 21:04

triyanto

21
1
2

score 1 · Answer 3 · answered Dec 09 '11 at 17:56

I would recommend you to use javascipt instead of jQuery. While jQuery made life more easy but don't forget that jQuery can be too large and your user have to load it on page while browsing.

Read this article for your answer http://www.mredkj.com/javascript/numberFormat.html

jquery - number formatting issue

3 Answers3

Linked