Foros del Web » Programando para Internet » Javascript »

Formato numérico

Estas en el tema de Formato numérico en el foro de Javascript en Foros del Web. Hola Necesito un poco de su ayuda ... resulta que tengo algunos cuadros de texto en donde debe permitirse ingresar valores numéricos ... ya lo ...
  #1 (permalink)  
Antiguo 14/05/2012, 08:59
Avatar de JoshMex
Moderador Webhosting
 
Fecha de Ingreso: enero-2006
Mensajes: 4.057
Antigüedad: 18 años, 5 meses
Puntos: 166
Formato numérico

Hola

Necesito un poco de su ayuda ... resulta que tengo algunos cuadros de texto en donde debe permitirse ingresar valores numéricos ... ya lo he validado perooo necesito que a medida se ingrese un valor le de formato numérico, es decir, vaya colocando la separación de miles... por ejemplo:

Escribo: 1000 y muestre: 1.000

Podría también ayudarme que una vez salga del cuadro de texto formatee el número
__________________
JoshMex
Desarrollador Plataforma Microsoft / Windows / ASP / ASP.NET / SQL Server
Es inútil hacer cualquier cosa a prueba de tontos, porque los tontos son muy ingeniosos
  #2 (permalink)  
Antiguo 14/05/2012, 09:10
Avatar de JoshMex
Moderador Webhosting
 
Fecha de Ingreso: enero-2006
Mensajes: 4.057
Antigüedad: 18 años, 5 meses
Puntos: 166
Respuesta: Formato numérico

Parece que encontré algo en las FAQ de FDW, lo prueba y les cuento.
__________________
JoshMex
Desarrollador Plataforma Microsoft / Windows / ASP / ASP.NET / SQL Server
Es inútil hacer cualquier cosa a prueba de tontos, porque los tontos son muy ingeniosos
  #3 (permalink)  
Antiguo 14/05/2012, 09:38
Avatar de JoshMex
Moderador Webhosting
 
Fecha de Ingreso: enero-2006
Mensajes: 4.057
Antigüedad: 18 años, 5 meses
Puntos: 166
Respuesta: Formato numérico

La que mejor funciona es esta:

http://www.forosdelweb.com/f13/faqs-...tml#post265554

Sin embargo, no acepta backspace para borrar o corregir el número ingresado.
__________________
JoshMex
Desarrollador Plataforma Microsoft / Windows / ASP / ASP.NET / SQL Server
Es inútil hacer cualquier cosa a prueba de tontos, porque los tontos son muy ingeniosos
  #4 (permalink)  
Antiguo 22/05/2012, 11:03
Avatar de JoshMex
Moderador Webhosting
 
Fecha de Ingreso: enero-2006
Mensajes: 4.057
Antigüedad: 18 años, 5 meses
Puntos: 166
Respuesta: Formato numérico

Alguien más con otra solución? Gracias.
__________________
JoshMex
Desarrollador Plataforma Microsoft / Windows / ASP / ASP.NET / SQL Server
Es inútil hacer cualquier cosa a prueba de tontos, porque los tontos son muy ingeniosos
  #5 (permalink)  
Antiguo 22/05/2012, 13:26
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años
Puntos: 1567
Respuesta: Formato numérico

Es solo para enteros?, o tambien puede haber valores del tipo
1.000,32

Para enteros esto te podría servir
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>Formatear Numero</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function valida_envia(){
  9.      //valido el numero
  10.      var num = document.getElementById('numero');  
  11.      if (num.value.length==0){
  12.             alert("Tiene que escribir un valor")
  13.             num.focus()
  14.             return 0;
  15.      } else{
  16.      
  17.     var n=num.value.replace(/\./g,"");
  18.      alert(n);
  19.      num.value = n;
  20.      }
  21. }
  22.  
  23. function formatear(input){
  24. var num = input.value.replace(/\./g,'');
  25. if(!isNaN(num)){
  26. num = num.toString().split('').reverse().join('').replace(/(?=\d*\.?)(\d{3})/g,'$1.');
  27. num = num.split('').reverse().join('').replace(/^[\.]/,'');
  28. input.value = num;
  29. }else{
  30. input.value = input.value.replace(/[^\d\.]*/g,'');
  31. }
  32. }
  33.  
  34. //]]>
  35. </head>
  36. <form id="fvalida" action="#" onsubmit="valida_envia();">
  37. <p>
  38. <input type="text" onkeyup="formatear(this)" onchange="formatear(this)" name="numero" id="numero" />
  39. <input type="submit" value="Enviar" />
  40. </p>
  41. </form>
  42.  
  43. </body>
  44. </html>

saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 22/05/2012, 13:43
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 1 mes
Puntos: 1012
Respuesta: Formato numérico

prueba con esta mascara
Cita:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
function operaciones(total) {
var valorParseado = total.replace(/\./g, '');
var valorParseado2 = valorParseado.toString().split('').reverse().join( '').replace(/\d{3}(?=\d)/g, function(encaja){ return encaja+'.';})
document.getElementById('n').value = valorParseado2.toString().split('').reverse().join ('');
}
</script>
</head>
<body>
<form>
<input id="n" type="text" onkeyup="operaciones(this.value)" value="" />
</form>
</body>
</html>
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Etiquetas: formato, numerico
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 12:20.