decimals is lost when parsing decimal value in jquery

Question

I try to get a decimal value for further calculation in jquery.

        var vatPercentageString = $("#Price").val();
        var percentage = parseFloat(vatPercentageString).toFixed(2);

But even if I have the value "12,34" in the "Price" textbox I only get 12 as the percentage value, why is that?

This can be solved in HTML directly by using an `` and keep your JS as is — Cid, Jul 08 '22 at 14:27
[A HUGE number of dupes](https://www.google.com/search?q=parsefloat+comma+site:stackoverflow.com) — mplungjan, Jul 08 '22 at 14:27

score -1 · Answer 1 · answered Jul 08 '22 at 14:17

parseFloat doesn't understand commas (,), per the spec:

If parseFloat encounters a character other than a plus sign (+), minus sign (- U+002D HYPHEN-MINUS), numeral (0–9), decimal point (.), or exponent (e or E), it returns the value up to that character, ignoring the invalid character and characters following it.

So you'll need to replace any commas with decimal points if you'd like to parse them as a number.

// After getting our value, replace `,` with `.`
var vatPercentageString = $("#Price").val().replace(',', '.');
var percentage = parseFloat(vatPercentageString).toFixed(2);
console.log(percentage);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>Price: <input id="Price" value="12,34"></label>

score -1 · Accepted Answer · answered Jul 08 '22 at 14:17

Because , is not proper symbol for decimals separator. You should first replace it by .:

function changed() {

  var vatPercentageString = $("#Price").val().replace(',', '.');
  var percentage = parseFloat(vatPercentageString).toFixed(2);

  console.log(percentage);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<input type="text" id="Price" onchange="changed()" />

decimals is lost when parsing decimal value in jquery

2 Answers2