Format to numbers entered using javascript

Question

The case goes like this I have 4 textbox the dynamic is the following textbox1 + textbox2 + textbox 3 = textbox4. When entering the numbers in the textbox, I would like to give it the following format:

NOW: 123456789 WANTED: 123,456,789.00

function agregar_numero() {

  var TextBox1 = parseInt(document.getElementById("txtremubruta").value);
  var TextBox2 = parseInt(document.getElementById("txtotrosingresos").value);
  var TextBox3 = parseInt(document.getElementById("txtremubrutamensual").value);
  var result = TextBox1 + TextBox2 + TextBox3;

  document.getElementById("TxtInfoPatriTotal").value = result;
}

<form runat="server">
  <asp:TextBox ID="txtremubruta" runat="server" CssClass="TextBoxBorder" Width="70px" onkeyup="agregar_numero()"></asp:TextBox>
  <asp:TextBox ID="txtotrosingresos" runat="server" CssClass="TextBoxBorder" Width="70px" onkeyup="agregar_numero()"></asp:TextBox>
  <asp:TextBox ID="txtremubrutamensual" runat="server" CssClass="TextBoxBorder" Width="70px" onkeyup="agregar_numero()"></asp:TextBox>
  <br> Total
  <br>
  <asp:TextBox ID="TxtInfoPatriTotal" runat="server" CssClass="TextBoxBorder" Width="70px"></asp:TextBox>

</form>

Possible duplicate of How to print a number with commas as thousands separators in JavaScript — 31piy
– 31piy, Commented Jul 31, 2018 at 6:21

Zeeshan Tariq · Accepted Answer · 2018-07-31 06:23:08Z

3

You can simply use toLocaleString method here's the code:

var num = 123456789;
num.toLocaleString(undefined, {minimumFractionDigits: 2}) // "123,456,789.00"

Hope it helps.

answered Jul 31, 2018 at 6:23

Zeeshan Tariq

6345 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ujwal Neupane · Accepted Answer · 2018-07-31 06:30:00Z

1

This may Helps:

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

answered Jul 31, 2018 at 6:30

Ujwal Neupane

6510 bronze badges

Collectives™ on Stack Overflow

Format to numbers entered using javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related