Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/04/2013, 09:53
Avatar de ipraetoriux
ipraetoriux
 
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años, 8 meses
Puntos: 155
Respuesta: Formatear numero con evento keyup

...usando jQuery...

...numero de ejemplo en el HTML

Código HTML:
Ver original
  1. <div class="number">1234567123672</div>
  2. <div class="number">12345622237123672</div>
  3. <div class="number">25451</div>
  4. <div class="number">14752</div>
  5. <div class="number">25151919</div>


...el plugin en jQuery

Código Javascript:
Ver original
  1. (function($) {
  2.     $.fn.prettynumber = function(options) {
  3.         var opts = $.extend({}, $.fn.prettynumber.defaults, options);
  4.         return this.each(function() {
  5.             $this = $(this);
  6.             var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
  7.             var str = $this.html();
  8.             $this.html($this.html().toString().replace(new RegExp("(^\\d{"+($this.html().toString().length%3||-1)+"})(?=\\d{3})"),"$1"+o.delimiter).replace(/(\d{3})(?=\d)/g,"$1"+o.delimiter));
  9.         });
  10.     };
  11.     $.fn.prettynumber.defaults = {
  12.         delimiter       : '.'  
  13.     };
  14. })(jQuery);

...luego aplicas el anterior plugin en los numeros

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.    $(".number").prettynumber();  
  3. });


..resultado

Código resultado:
Ver original
  1. 1.234.567.123.672
  2. 12.345.622.237.123.672
  3. 25.451
  4. 14.752
  5. 25.151.919