如何格式化javascript中`onblur`函数的数字?

时间:2011-11-04 09:25:30

标签: javascript jquery number-formatting

我的网页有一个输入文本框,用户必须输入一个数字(例如“100000”)。当文本框失去焦点时,我想将这些数据格式化为人类可读的格式,如“100,000”。是否可以在javascript中执行此操作?

3 个答案:

答案 0 :(得分:2)

这里有例子:http://jsfiddle.net/manuel/qgLn4/1/

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;
}
document.getElementById("a").onblur = function() {
    this.value = addCommas(this.value.replace(',', ''))
}

答案 1 :(得分:0)

查看此插件是否有帮助:http://plugins.jquery.com/project/maskinputmoney

顺便说一句,我用过它了。)

答案 2 :(得分:0)

大多数印度人都以他的格式代表那里的数字。

document.getElementById("elem").onblur =function (){
    var val = this.value.replace(/\,/g,"").split("").reverse();
    if( val.length <= 3) return;
     var newval = [];
    for(var i = 0; i< val.length; i++){
        if( i == 3 || (i > 3 && (i - 3)%2 == 0 ) ){
            newval.push( ",");
        }

        newval.push( val[i]);       
    }
this.value = newval.reverse().join("");
}; 

jsfiddler