Separar los miles al introducir un número

[Gugu_Tata]

Tengo un formulario para meter cantidades, y quiero, que al meter por ejemplo la cifra 1234567.89 me aparezca 1.234.567,89 para que se vean bien las separaciones en cifras grandes.

Mi duda es que no se si cuando haga el "onchange" digeramos es cuando se hace, o a la vez que se va escribiendo se puede ir haciendo, con alguna especie de plantilla tal que asi _ _ _ . _ _ _ . _ _ _ , _ _ y que vaya poniendo los números encima.

¿Hay algún ejemplo por ahí?, ¿alguien sabe como hacerlo?.

Gracias de antemano, un saludo.

[djreficul]

Pues así a priori con split puedes separar el entero del decimal.
Luego recorres hacia atrás los números (con substr por ejemplo) y cada 3 cifras agregas un punto.

Saludos.

[tunait]

Buenas,

hace un tiempo hice este, mira si te sirve

el script es este

Código:

<script type="text/javascript">
/*****************************************************************************
Código para colocar los indicadores de miles  y decimales mientras se escribe
Script creado por Tunait!
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.

http://javascript.tunait.com
[email protected]  27/Julio/03
******************************************************************************/
function puntitos(donde,caracter,campo)
{
var decimales = true
dec = campo
pat = /[\*,\+,\(,\),\?,\\,\$,\[,\],\^]/
valor = donde.value
largo = valor.length
crtr = true
if(isNaN(caracter) || pat.test(caracter) == true)
	{
	if (pat.test(caracter)==true) 
		{caracter = "\\" + caracter}
	carcter = new RegExp(caracter,"g")
	valor = valor.replace(carcter,"")
	donde.value = valor
	crtr = false
	}
else
	{
	var nums = new Array()
	cont = 0
	for(m=0;m<largo;m++)
		{
		if(valor.charAt(m) == "." || valor.charAt(m) == " " || valor.charAt(m) == ",")
			{continue;}
		else{
			nums[cont] = valor.charAt(m)
			cont++
			}
		
		}
	}

if(decimales == true) {
	ctdd = eval(1 + dec);
	nmrs = 1
	}
else {
	ctdd = 1; nmrs = 3
	}
var cad1="",cad2="",cad3="",tres=0
if(largo > nmrs && crtr == true)
	{
	for (k=nums.length-ctdd;k>=0;k--){
		cad1 = nums[k]
		cad2 = cad1 + cad2
		tres++
		if((tres%3) == 0){
			if(k!=0){
				cad2 = "." + cad2
				}
			}
		}
		
	for (dd = dec; dd > 0; dd--)	
	{cad3 += nums[nums.length-dd] }
	if(decimales == true)
	{cad2 += "," + cad3}
	 donde.value = cad2
	}
donde.focus()
}	
</script>

Y al campo que quieras aplicárselo le has de poner un
onkeyup="puntitos(this,this.value.charAt(this.valu e.length-1),2)"

El 2 que te puse en rojo es la cantidad de decimales que quieres que saque.

puedes probarlo aquí http://javascript.tunait.com/javascr....asp?s=puntos2

Un saludo

[Gugu_Tata]

Gracias a ambos, mas o menos dijeramos que una vez puesto el número después si que era mas facil de cambiar. Pero lo que ha puesto Tunait es lo que buscaba, eso si, ahi hay un problema, que el tio no pone primero los decimales, sino que eso se pone lo último siempre y para diferenciarlos escribirá un punto o una coma, y aquí no te da opción, vamos, que lo tienes que avisar antes si tiene decimales.

¿Hay algo por ahí que ponga lo mismo que lo de Tunait pero que vaya poniendo puntos hasta el momento que se ponga una coma o un punto por el usuario y entonces ya ponga los decimales? ... ¿o a dicho javascript se le puede poner siempre por defecto un ,00 al final y que si quiere el usuario lo cambie?.

[chalchis]

hola Tunait como podria modificar el script para que ponga las sifras
de esta manera

1,450.00
25,000.00
etc

[tunait]

Iniciado por chalchis

hola Tunait como podria modificar el script para que ponga las sifras
de esta manera

1,450.00
25,000.00
etc

Así

Código:

<script type="text/javascript">
/*****************************************************************************
Código para colocar los indicadores de miles  y decimales mientras se escribe
Script creado por Tunait!
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.

http://javascript.tunait.com
[email protected]  27/Julio/03
******************************************************************************/
function puntitos(donde,caracter,campo)
{
var decimales = true
dec = campo
pat = /[\*,\+,\(,\),\?,\\,\$,\[,\],\^]/
valor = donde.value
largo = valor.length
crtr = true
if(isNaN(caracter) || pat.test(caracter) == true)
	{
	if (pat.test(caracter)==true) 
		{caracter = "\\" + caracter}
	carcter = new RegExp(caracter,"g")
	valor = valor.replace(carcter,"")
	donde.value = valor
	crtr = false
	}
else
	{
	var nums = new Array()
	cont = 0
	for(m=0;m<largo;m++)
		{
		if(valor.charAt(m) == "." || valor.charAt(m) == " " || valor.charAt(m) == ",")
			{continue;}
		else{
			nums[cont] = valor.charAt(m)
			cont++
			}
		
		}
	}

if(decimales == true) {
	ctdd = eval(1 + dec);
	nmrs = 1
	}
else {
	ctdd = 1; nmrs = 3
	}
var cad1="",cad2="",cad3="",tres=0
if(largo > nmrs && crtr == true)
	{
	for (k=nums.length-ctdd;k>=0;k--){
		cad1 = nums[k]
		cad2 = cad1 + cad2
		tres++
		if((tres%3) == 0){
			if(k!=0){
				cad2 = "," + cad2
				}
			}
		}
		
	for (dd = dec; dd > 0; dd--)	
	{cad3 += nums[nums.length-dd] }
	if(decimales == true)
	{cad2 += "." + cad3}
	 donde.value = cad2
	}
donde.focus()
}	
</script>

Un saludo

[tunait]

Iniciado por Gugu_Tata

ahi hay un problema, que el tio no pone primero los decimales, sino que eso se pone lo último siempre y para diferenciarlos escribirá un punto o una coma, y aquí no te da opción, vamos, que lo tienes que avisar antes si tiene decimales.

El script no hace que deban ponerse primero los decimales. Lo que hace es dar formato a medida que se escriben las cifras. Si queremos poner 1.234,55 basta con escribir 12345 y el script se encarga de darle el formato sin tener que preocuparse de nada más.

¿Hay algo por ahí que ponga lo mismo que lo de Tunait pero que vaya poniendo puntos hasta el momento que se ponga una coma o un punto por el usuario y entonces ya ponga los decimales? ... ¿o a dicho javascript se le puede poner siempre por defecto un ,00 al final y que si quiere el usuario lo cambie?.

...pues no lo sé, es probable que algo haya, es cuestión de rebuscar por sitios de scripts

Un saludo

[Gugu_Tata]

No me vale Tunait, es lo que quiero pero no me vale porque da problemas con los decimales y tal y luego ademas con el número ese escrito tengo que hacer operaciones para lo que me tendría que quedar el número sin los puntos ni nada, en fin, un lio.

Ahora estoy pensando en hacerlo despues de poner el número en el on lost focus, y que realmente guarde otro valor.

[univercity]

Hola Tunait, estube tratando de hacer funcionar tu codigo pero la verdad es que en Javascripts soy super basico, y no se que es lo que tengo mal, copie tu codigo tal cual, pero me da un error y simplemente no hace lo que tiene que hacer, yo no quiero decimales simplemente quiero que coloque los "puntitos", a los numeros que se estan ingresando.

Hay algo que agregar al codigo cuando lo quiero hacer funcionar?

[luchis]

sucede que he heco todo lo que dices y he creado un campo de la siguiente manera
<input name="cedula" type="text" size="15" onkeyup="puntitos(this,this.value.charAt(this.valu e.length-1),2)">
pero no me da resultado, solo aparecen los numeros pero no los numeros me podias colaborar

mi email es [email protected] agradezco tu colaboracion

[k1r02]

lo siento hermanos no anda el codigo
marca algunos valores no definidos

[vallesierra]

Iniciado por k1r02

lo siento hermanos no anda el codigo
marca algunos valores no definidos

Hola amigos, he ingresado el codigo pero no funciona, si alguno de ustedes lo ha hecho funcionar por favor publiquelo en este foro. Les agradeceria mucho.

[Bizo21]

tarde una respuesta.. pero como dicen por ahi mejor tarde que nunca...
posiblemente es por que en el input lo estas llamando mal, por lo menos ami me funciono:

tu lo tienes asi :
<input name="cedula" type="text" size="15" onkeyup="puntitos(this,this.value.charAt(this.valu e.length-1),2)">

pero debería ser así :

<input name="cedula" type="text" size="15" onkeyup="puntitos(this,this.value.charAt(this.valu e.length-1),2)">

lo que cambia es this.value.lenght en el ejemplo lo escribieron mal this.valu e.lenght por eso no funciona