自动在带有数字的文本框中添加逗号(,)

时间:2014-09-09 04:55:09

标签: javascript asp.net

当有4位或更多位数时,我当前的编码会添加逗号(,)。而不是 1101 = 1,101我的代码正在执行此操作 1101 = 110,1 ...我希望它格式化并将逗号带到前面。我的javascript

<script language="javascript" type="text/javascript">   
    function AddComma(txt) {
        if (txt.value.length % 4 == 3) {
            txt.value += ",";
        }
    }
</script>


<asp:TextBox ID="TextBox3" onkeypress="AddComma(this)" runat="server"></asp:TextBox>

我如何格式化以使逗号位于前面1,101或10,101或100,101。

9 个答案:

答案 0 :(得分:4)

试试此代码

function Comma(Num) { //function to add commas to textboxes
        Num += '';
        Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', '');
        Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', '');
        x = Num.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;
    }


<asp:TextBox ID="TextBox3" runat="server"  onkeyup = "javascript:this.value=Comma(this.value);" />

希望这会对你有所帮助。

答案 1 :(得分:3)

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

现在它只支持3个最后的数字

FIDDLE&lt; --- here

答案 2 :(得分:1)

有很多功能可以做到这一点,这里有一个插入千位分隔符,并使用你指定的任何字符固定到固定:

// Format a number n using: 
//   p decimal places (two by default)
//   ts as the thousands separator (comma by default) and
//   dp as the  decimal point (period by default).
//
//   If p < 0 or p > 20 results are implementation dependent.
function formatNumber(n, p, ts, dp) {
  var t = [];
  // Get arguments, set defaults
  if (typeof p  == 'undefined') p  = 2;
  if (typeof ts == 'undefined') ts = ',';
  if (typeof dp == 'undefined') dp = '.';

  // Get number and decimal part of n
  n = Number(n).toFixed(p).split('.');

  // Add thousands separator and decimal point (if requied):
  for (var iLen = n[0].length, i = iLen? iLen % 3 || 3 : 0, j = 0; i <= iLen; i+=3) {
    t.push(n[0].substring(j, i));
    j = i;
  }
  // Insert separators and return result
  return t.join(ts) + (n[1]? dp + n[1] : '');
}

console.log(formatNumber(1101, 0)); // 1,101

答案 3 :(得分:1)

我为我的项目做了这个。它也会删除所有字母。

$('#inputNumber').on('keydown keyup', function() {
  this.oldVal = this.value.replace(/\D/g, '');
  this.value = Number(this.oldVal).toLocaleString();
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="inputNumber" type="text">

答案 4 :(得分:0)

假设您有一个数字的字符串表示形式:

function formatNum(str){
    var ind=str.length%3;
    return str.length > 3 ? (str.slice(0,ind)+','+str.slice(ind).match(/\d{1,3}/g).join(',')) : str;
}

如果它是一个数字,而不是一个字符串,那么您可以使用toString()将其更改为字符串。

答案 5 :(得分:0)

您可以使用jquery.numberbox.js执行此类任务。

答案 6 :(得分:0)

您也可以使用它。

<script type="text/javascript">
function addcommas(x){

var thisVal = x.value;
thisVal = thisVal.replace(/,/g, '');
var thischar = ""+thisVal;

var firstval = thischar.split(".")[0];
var secondval = thischar.split(".")[1];

if(secondval==""  || secondval==undefined){secondval = "";}
else{secondval = "."+secondval;}

var chkmod = parseInt(firstval.length)%3;
var spclcon = parseInt(firstval.length)%3;
var chkdiv= parseInt(parseInt(firstval.length)/3);

    if(firstval.length > 3)
    {
        last5 = firstval.substr(0,chkmod);

        for(i=1;i<=chkdiv;i++){
            last5+= ","+firstval.substr(chkmod,3);
            chkmod = chkmod+3;
        }

        if(spclcon==0){last5 = last5.substr(1,last5.length-1)}
         return x.value = last5+""+secondval;
    }
    else{
        return x.value = firstval+""+secondval;
    }
}


</script>

答案 7 :(得分:0)

以下是对@ Engineeration的回答的修改 只需将Num转换为字符串并对任何现有逗号进行全局替换(一次):

function Comma(Num) { 
    Num = Num.toString().replace(/,/g, '');
    x = Num.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;
}

答案 8 :(得分:0)

它只会accept数字和dot

  

这是javascript

<script >

            function FormatCurrency(ctrl) {
                //Check if arrow keys are pressed - we want to allow navigation around textbox using arrow keys
                if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
                    return;
                }

                var val = ctrl.value;

                val = val.replace(/,/g, "")
                ctrl.value = "";
                val += '';
                x = val.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');
                }

                ctrl.value = x1 + x2;
            }

            function CheckNumeric() {
                return event.keyCode >= 48 && event.keyCode <= 57 || event.keyCode == 46;
            }

  </script>
  

HTML

<input type="text" onkeypress="return CheckNumeric()" onkeyup="FormatCurrency(this)" />

DEMO JSFIDDLE