"Aprender, Aprender y Nunca Practicar, es como Arar, Arar pero NUNCA SEMBRAR "

Soy una persona apasionada por todo lo que tiene que ver con Internet y las nuevas tecnologías. Soy autodidacta, y me encanta impartir clases...


Dar formato a números

Viernes 05 de Marzo de 2010

PHP y MySQL
Autor: César Cancino
Categoría: PHP y MySQL
Etiquetas Programación, php, mysl
Comentarios 3

Cuando trabajamos con números en nuestros desarrollos, al momento de imprimirlos en pantalla, necesitamos darle un formato que sea legible o entendible para el usuario. Para tal efecto, tanto Javascript como PHP (number_format) nos ofrecen una solución.

¿Qué te gustaría compartir con nosotros?

Compartir

Cuando trabajamos con números en nuestros desarrollos, al momento de imprimirlos en pantalla, necesitamos darle un formato que sea legible o entendible para el usuario. Para tal efecto, tanto Javascript como PHP nos ofrecen una solución.
A continuación,mostramos una función Javascript que nos formatea números:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<script src="js/dar_formato.js" type="text/javascript"></script>
</head>

<body>
<form name="form" action="dar_formato.php" method="get">
Ingrese un n&uacute;mero:
<input type="text" name="num" />
<br />
<input type="button" value="Dar formato" title="Dar Formato" onClick="alert(dar_formato(document.form.num.value))" />
</form>
</body>
</html>



Demo
Pero también lo podemos hacer usando la función de PHP number_format. Lo podemos ver en detalle en el siguiente ejemplo:

<?php
$num=$_REQUEST["num"];//recupero el valor del n&uacute;mero enviado con el formulario
/*
Usaremos la funci&oacute;n number_format que recibe 4 par&aacute;metros
number_format(numero,"cantidad de decimales","separador de dedimales","separados de miles");
*/
$formato=number_format($num,"0","",".");
echo "el n&uacute;mero es $formato<br>";
?>
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<form name="form" action="dar_formato-con-php.php" method="get">
Ingrese un n&uacute;mero:
<input type="text" name="num" />
<br />
<input type="button" value="Dar formato" title="Dar Formato" onClick="document.form.submit()" />
</form>
</body>
</html>


3 Comentarios

  1. jose
    Sábado 31 de Marzo de 2012

    gracias Cesar por este gran Aporte por estetica se ve mas agradable los numeros que pasan de 999 con el punto separador de mil.

  2. Sandrups
    Lunes 11 de Julio de 2011

    me quedo con la segunda!, ya que busque el archivo que mencionas en la opción javascript del código y no encontre el "dar_formato.js" Muy buen trabajo Cesar!!

  3. Evelio jose
    Miércoles 19 de Enero de 2011

    Hola Cesar, Me parece bien darle formato al presionar un boton pero como seria que al perder el foco inmediamtamente me le de el formato moneda para que el usuario puede ver si la cifra que escribio es la correcta. Gracias por tu colaboracion de veras no se como le haces para atender todas las solicitudes que se te hacen. Es impresionante tu trabajo creo que si Richard Stallman se sentira orgulloso de ver como se apoya el trabajo software libre y dependemos menos de microsoft