Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: miguelito en 23 de Abril 2017, 02:08
-
Hola, queria hacer un script que, en primer lugar (y en una sola instrucción) comprueba si el número es menor que 0 o mayor que 99999999.
Si ese es el caso, mostrar un mensaje al usuario indicando que el número proporcionado no es válido y el programa no muestra más mensajes. todo este creo lo deberia meter en unformulario hecho con html. Gracias
-
Hola,
Bueno parece bastante fácil, lo voy a hacer con php
<html>
<head>
<title>Comprobar números</title>
<meta charset="utf-8">
</head>
<body>
<form action="comprobar.php" method="post">
<p>
<label for="numero">Introduce un número para comprobar: </label>
<input type="text" name="numero">
<input type="submit" value=“Comprobar” name="comprobar">
</p>
</form>
Crea tu archivo php, yo lo he llamado como podrás ver "comprobar.php"
<?php
$numeroacomprobar=$_POST['numero'];
if($numeroacomprobar<0 || $numeroacomprobar>99999999){
echo "El número $numeroacomprobar no es válido";
}
Esto es la forma más cutre. Lo puedes adornar con un poco de Javascript y Ajax para que te lo muestre en la misma página, y por supuesto con CSS. Espero que te haya ayudado.
-
muchas gracias,la verdad es que slo queria hacerlo con javascript, php lo tengo muuuuuu verde
-
Tengo javascript superoxidado...
Creo que el script podría ser este:
<script type="text/javascript">
function compruebaNumero(numero) {
if (numero <0 || numero >99999999)
alert("Numero no valido");
}
</script>
Esta funcion espera recibir un numero para realizar la comprobación.
Lo escribes dentro del documento HTML, hay quien lo pone dentro del <body> al final de todo.
Otros lo ponemos dentro del <head>, aunque cuando se usa mucho javascript lo ideal es cear un archivo .js por separado y luego importarlo
Luego llamas a la funcion javascript dentro del formulario, puedes hacer que se ejecute justo cuando el usuario ha terminado de introducir el numero en el campo de texto <input type="text"> mediante el atributo onchange
Al llamar la funcion, hay que pasarle el valor que tenga ese campo input, se hace fácil usando la palabra clave this.value
this hace referencia al elemento desde el cual llamamos la funcion javascript, en este caso, el campo input.
value, obviamente, hace referencia al valor de dicho elemento.
Así que con this.value, estamos pasando el "valor" que contiene el campo de texto, es decir, lo que haya tecleado el usuario.
Recuperando el mismo HTML que propuso el otro compañero....aunque dejando vacio el atributo action del formulario porque en este caso no lo necesitamos.
Verás que el mensaje de alerta sale, en cuanto el campo de texto "pierde el foco", ya sea pinchando en otro elemento como el boton, o también si usas el tabulador para mover "el foco".
<html>
<head>
<title>Comprobar números</title>
<meta charset="utf-8">
<script type="text/javascript">
function compruebaNumero(numero) {
if (numero <0 || numero >99999999)
alert("El numero proporcionado no es valido");
}
</script>
</head>
<body>
<form action="" method="post">
<p>
<label for="numero">Introduce un número para comprobar: </label>
<input type="text" name="numero" onchange="compruebaNumero(this.value)">
<input type="submit" value=“Comprobar” name="comprobar">
</p>
</form>
</body>
</html>
-
muchas gracias, mañana le doy caña y te cuento.