Dividing thousands number for the field

Question

When I'm texting the number in my text (or number) field I need the number to be divided by thousands with a comma.

Example

 1. instead of it saying “1000” make it say “1,000”.
 2. “1000000” make it say “1,000,000”.

This link could be of some help to you http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript — Geeky, Nov 09 '16 at 06:06

Sumit patel · Accepted Answer · 2016-11-09T06:15:41.097

4

Using Script

$(document).on('keyup', '.Amount', function() {
    var x = $(this).val();
    $(this).val(x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","));
});

Live Demo Here

Snippet Example Below

$(document).on('keyup', '.Amount', function() {
    var x = $(this).val();
    $(this).val(x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
Enter Amount:<input class="Amount" type="Amount" />
</form>

edited Nov 09 '16 at 06:15

answered Nov 09 '16 at 06:09

Sumit patel

3,807
9
34
61

Great! Thank you so much. – Morgari Nov 09 '16 at 06:29

score 2 · Answer 2 · answered Nov 09 '16 at 06:05

This could help you

window.onload=function(){
  var numberinput=document.getElementById('number');
  numberinput.addEventListener('change',changedValue);
}

function changedValue(){
  var input=this.value
  var number=parseInt(input,10);
  if(number>=1000)
    {
      
    var numbersArray = input.toString().split(".");
    numbersArray[0] = numbersArray[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    this.value= numbersArray.join(".");
    }
}

<input type="text" id="number" >

Hope this helps

Daniel J Abraham · Answer 3 · 2016-11-09T06:12:31.843

 $('input.number').keyup(function(event) {

      // skip for arrow keys
      if(event.which >= 37 && event.which <= 40) return;

      // format number
      $(this).val(function(index, value) {
        return value
        .replace(/\D/g, "")
        .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
        ;
      });
    });

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <input class="number">

JS Fiddle

Dividing thousands number for the field

3 Answers3