Foros del Web » Programando para Internet » Jquery »

Formatear numero con evento keyup

Estas en el tema de Formatear numero con evento keyup en el foro de Jquery en Foros del Web. Hola usuarios de forosdelweb estoy buscando como puedo formatear los numeros que escribo en el input automaticamente me gustaría este tipo de formato que aparece ...
  #1 (permalink)  
Antiguo 16/04/2013, 14:01
 
Fecha de Ingreso: septiembre-2008
Mensajes: 48
Antigüedad: 16 años, 3 meses
Puntos: 1
Formatear numero con evento keyup

Hola usuarios de forosdelweb estoy buscando como puedo formatear los numeros que escribo en el input automaticamente me gustaría este tipo de formato que aparece en esta web http://www.jose-aguilar.com/scripts/...pretty-number/ si tienen alguna idea que me puedan mencionar se los agradeceria.
  #2 (permalink)  
Antiguo 17/04/2013, 09:53
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años, 7 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

Etiquetas: evento, formatear, numero
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:18.