Validar Caja de texto con JavaScript



En base del ejemplo de la Tabla multiplicar validaremos para que solo acepte numeros la caja de texto, por medio de javascript
<html>
<head>
<title>Tabla de Multiplicar</title>
<script language="JavaScript" type="text/javascript">

//creamos la funcion validar

function validar(){
  if(isNaN(document.form1.num.value)){

//mandamos un mensaje al usuario

 alert("Son solo numeros");
 document.form1.num.focus();
 return false;
 }
}
</script>
</head>
<body>
<h2>Tabla de Multiplicar</h2>

<form name ="form1" method="post" action="multiplicar.php">
<label>Digite un numero
<input type="text" name="num">
<input type="submit" value="generar" onclick="return validar()">
</form>

<?php
//le asignamos lo que tiene la caja de texto num a la variable $x, por medio del metodo POST
$x=$_POST[num];

//Preguntamos si la variable a sido inicializada, es decir si se le ha pasado algun valor o se ha presionado el boton generar

if(isset($x)){
echo '<h3>Resultado</h3>';

//por medio del ciclo For hacemos la multiplicacion desde 1 hasta 10

for($i=1;$i<=10;$i++){
 echo $x." * ".$i." = ".$x*$i." ";
}
 }
 ?>
</body>
</html>



Descargar: Codigo Fuente

Publicar un comentario

2 Comentarios