Форматирование числа как тысяч, используя только Javascript

Question

показывает правильный результат, но как я могу добавить такое же форматирование к типу ввода во время ввода.

Тип ввода сбрасывается после каждой запятой до нуля.

от 1000 до 1000

Пожалуйста, помогите.

Этот код работает here

function numberWithCommas(number) { 
 
    if (isNaN(number)) { 
 
     return ''; 
 
    } 
 

 
    var asString = '' + Math.abs(number), 
 
     numberOfUpToThreeCharSubstrings = Math.ceil(asString.length/3), 
 
     startingLength = asString.length % 3, 
 
     substrings = [], 
 
     isNegative = (number < 0), 
 
     formattedNumber, 
 
     i; 
 

 
    if (startingLength > 0) { 
 
     substrings.push(asString.substring(0, startingLength)); 
 
    } 
 

 
    for (i=startingLength; i < asString.length; i += 3) { 
 
     substrings.push(asString.substr(i, 3)); 
 
    } 
 

 
    formattedNumber = substrings.join(','); 
 

 
    if (isNegative) { 
 
     formattedNumber = '-' + formattedNumber; 
 
    } 
 

 
    document.getElementById('test').value = formattedNumber; 
 
}

<input type="number" id="test" class="test" onkeypress="numberWithCommas(this.value)">

Answer 1

Некоторые примечания:

• Потому что вы хотите запятые, тип не является числом, это строка
• Потому что вы хотите работать на входе после вас тип, это onkeyup не onkeypressed

I есть решение, которое регулярное выражение замены для 3-х символов с 3-х символов PLUS запятой:

var x = "1234567"; 
x.replace(/.../g, function(e) { return e + ","; }); 
// Gives: 123,456,7 

т.е. почти правильный ответ, но запятые не в нужном месте. Так давайте исправим это с String.prototype.reverse() функции:

String.prototype.reverse = function() { 
 
    return this.split("").reverse().join(""); 
 
} 
 

 
function reformatText() { 
 
    var x = document.getElementById('test').value; 
 
    x = x.replace(/,/g, ""); // Strip out all commas 
 
    x = x.reverse(); 
 
    x = x.replace(/.../g, function(e) { return e + ","; }); // Insert new commas 
 
    x = x.reverse(); 
 
    x = x.replace(/^,/, ""); // Remove leading comma 
 
    document.getElementById('test').value = x; 
 
}

<input id="test" class="test" onkeyup="reformatText()">

Answer 2

Проверьте мою скрипку здесь http://jsfiddle.net/6cqn3uLf/ Вы должны были бы еще регулярное выражение, чтобы ограничить на номера, но это будет формат, основанный на локали пользователя - который может быть выгодным здесь.

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

 
$(function() { 
    $('#btnformat').on('input propertychange paste', function() { 
     var x = $('#btnformat').val(); 
$('#btnformat').val(Number(x.replace(/,/g,'')).toLocaleString()); 
    }); 
}); 

Answer 3

function numberWithCommas(x) { 
    var real_num = x.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"); 
    console.log(real_num); 
    document.getElementById('test').value = real_num; 
} 

<input type="number" id="test" onkeypress="numberWithCommas(this.value)"> 

Answer 4

если JQuery не накладных расходов для вашего приложения, то вы можете использовать https://code.google.com/p/jquery-numberformatter/