使用jQuery將逗號每隔三位加上逗號給文本框

Question

我想在文本框的每三位數字上添加逗號。
我正在使用此代碼，但它不起作用。 我錯在哪裏？

$(function() { 
     $.fn.digits = function() { 

      return this.each(function() { 
       $(this).val($(this).val().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
      }) 
     } 
     $("#Test").bind("change keyup keydown paste blur", function (e) { 

      $("#Test").digits(); 
     }); 

    }); 

Answer 1

請嘗試以下：

// "1234567".commafy() returns "1,234,567" 
String.prototype.commafy = function() { 
    return this.replace(/(.)(?=(.{3})+$)/g,"$1,") 
} 
$.fn.digits = function() { 
    return this.each(function() { 
     $(this).val($(this).val().commafy()); 
    }) 
} 

的jsfiddle http://jsfiddle.net/BrUVq/1/

Answer 2

如何使用jQuery Format插件？

http://jsbin.com/uhima5/edit

<input type="text" id="n" value=""/> <a href="#" id="fmt">format</a> 

和

$("#fmt").bind("click", function() { 

    var nr = $("#n").val(); 
    var n = $.format.number(parseFloat(nr), '#,##0.00#'); 

    $("#n").val(n); 
}); 

Answer 3

您可能需要使用所謂的 「蒙面文本框」，看看這個jQuery Plugin

Answer 4

嘗試沿着這些路線的東西...

演示：下面http://jsfiddle.net/wdm954/8HDem/

(function($) { 
    $.fn.digits = function() { 
     return this.each(function() { 

      $(this).keydown(function() { 
       var str = $(this).val(), cc = 0; 
       for (var i=0; i<str.length; i++) if (str[i] == ',') cc++; 
       if (str.length != 0 && (str.length - cc) % 3 == 0) { 
        $(this).val($(this).val() + ','); 
       } 
      }); 

     }); 
    }; 
})(jQuery); 

Answer 5

解決方案需要照顧的光標位置跳到號結束在被編輯時中間，加上照顧逗號刪除和退格問題，其中退格或刪除刪除逗號只是被添加回來

<script type="text/javascript"> 
    $(function() { 
     $("[type='tel']").keydown(function (event) { 
      var position = this.selectionStart; 
      var $this = $(this); 
      var val = $this.val(); 
      if (position == this.selectionEnd && 
       ((event.keyCode == 8 && val.charAt(position - 1) == "," && val.substr(0, position - 1).indexOf(".") == -1) 
       || (event.keyCode == 46 && val.charAt(position) == "," && val.substr(0, position).indexOf(".") == -1))) { 
       event.preventDefault(); 
       if (event.keyCode == 8) { 
        $this.val(val.substr(0, position - 2) + val.substr(position)); 
        position = position - 2; 
       } else { 
        $this.val(val.substr(0, position) + val.substr(position + 2)); 
       } 
       $this.trigger('keyup', { position: position }); 
      } else { 
       this.dispatchEvent(event); 
      } 
     }); 

       $("[type='tel']").keyup(function(event, args) { 
         if (event.which >= 37 && event.which <= 40) { 
           event.preventDefault(); 
         } 

         var position = args ? args.position : this.selectionStart; 
         var $this = $(this); 
         var val = $this.val(); 
         var parts =val.split("."); 
        var valOverDecimalPart = parts[0]; 
         var commaCountBefore = valOverDecimalPart.match(/,/g) ? valOverDecimalPart.match(/,/g).length : 0; 
         var num = valOverDecimalPart.replace(/[^0-9]/g, ''); 
         var result = parts.length == 1 ? num.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") : num.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") +"."+ parts[1].replace(/[^0-9.]/g,""); 
        $this.val(result); 
        var commaCountAfter = $this.val().match(/,/g) ? $this.val().match(/,/g).length : 0; 
         position = position + (commaCountAfter - commaCountBefore); 
         this.setSelectionRange(position, position); 
       }); 
      }); 
    </script>