2013-10-08 8 views
0

У меня есть следующий html.Как конвертировать цену в действительный формат цены в javascript?

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

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

Предположим, что пользователь вводит 9200000, он должен быть автоматически преобразован в 9 200 000.

Может ли anyboby объяснить, как это можно сделать в javascript?

Это должно быть сделано в событиях keyDown, keypress или keyup этого поля.

Благодаря

+0

(HTTP [Что вы пробовали?]: // mattgemmell .com/2008/12/08/what-have-you-try /) – thefourtheye

+0

Я искал его на SO, но везде я нашел для него только валидации. Мне не нужна проверка. Мне нужно автоматически преобразовать его в формат цены, если введенное значение не является допустимой ценой. – user2826169

+0

Вы заглянули в http://stackoverflow.com/questions/149055/how-can-i-format-numbers-as-money-in-javascript –

ответ

1

Вы можете попробовать это, я использовал функцию в reference

//Attach event 
var el = document.getElementById("Price"); 
el.onkeydown = function(evt) { 
    evt = evt || window.event; 
    this.value = addCommas(stripNonNumeric(this.value)); 
}; 

// This function removes non-numeric characters 
function stripNonNumeric(str) 
{ 
    str += ''; 
    var rgx = /^\d|\.|-$/; 
    var out = ''; 
    for(var i = 0; i < str.length; i++) 
    { 
    if(rgx.test(str.charAt(i))){ 
     if(!((str.charAt(i) == '.' && out.indexOf('.') != -1) || 
      (str.charAt(i) == '-' && out.length != 0))){ 
     out += str.charAt(i); 
     } 
    } 
    } 
    return out; 
} 

function addCommas(nStr) 
{ 
    nStr += ''; 
    x = nStr.split('.'); 
    x1 = x[0]; 
    x2 = x.length > 1 ? '.' + x[1] : ''; 
    var rgx = /(\d+)(\d{3})/; 
    while (rgx.test(x1)) { 
    x1 = x1.replace(rgx, '$1' + ',' + '$2'); 
    } 
    return x1 + x2; 
} 

Working Demo

0

Добавить прослушиватель событий на входе и написать функцию, чтобы вставить запятые в свое входном значение, которое слушатель вызывает когда вы получаете KeyDown события.

+0

Да, я могу добавить слушателя событий, но мой вопрос заключается в том, как вставить запятая? – user2826169

1

Это из How can I format numbers as money in JavaScript?

Number.prototype.formatMoney = function(c, d, t){ 
var n = this, 
    c = isNaN(c = Math.abs(c)) ? 2 : c, 
    d = d == undefined ? "." : d, 
    t = t == undefined ? "," : t, 
    s = n < 0 ? "-" : "", 
    i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", 
    j = (j = i.length) > 3 ? j % 3 : 0; 
    return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); 
}; 
alert((123456789.12345).formatMoney(2, '.', ',')); 
+0

спасибо, что это работает для меня. – user2826169

Смежные вопросы