Código PHP:
<html>
<head>
<title>Ejemplo de validación de un formulario</title>
<script>
alert("Bienvenido al ejemplo de validacion de un formulario");
function validarEntero(valor){
valor = parseInt(valor)
//Comprobacion del valor numerico
if (isNaN(valor)) {
//Valor NO numerico
return ""
}else{
//En caso de ser numerico, lo asigno nada mas
return valor
}
}
function valida_envia(){
//validando el nombre
if (document.fvalida.nombre.value.length==0){
alert("Tiene que escribir su nombre")
document.fvalida.nombre.focus()
return 0;
}
//validando el nombre
if (document.fvalida.email.value.length==0){
alert("Tiene que escribir su email")
document.fvalida.email.focus()
return 0;
}
//validando la edad.
edad = document.fvalida.edad.value
edad = validarEntero(edad)
document.fvalida.edad.value=edad
if (edad==""){
alert("Tiene que introducir un número entero en su edad.")
document.fvalida.edad.focus()
return 0;
}
//creamos una variable que almacene el nombre que hemos capturado en el formulario
var nombres = document.fvalida.nombre.value;
//el formulario se envia con un "alert" incluyendo la variable nombres
alert(nombres+ " Muchas gracias por enviar el formulario");
document.fvalida.submit();
}
</script>
</head>
<body>
<div id="form">
<form name="fvalida" method="get">
<table>
<tr>
<td>Nombre: </td>
<td><input type="text" name="nombre" size="30" maxlength="100"/></td>
</tr>
<tr>
<td>Email: </td>
<td><input type="text" name="email" size="30" maxlength="20"/></td>
</tr>
<tr>
<td>Edad: </td>
<td><input type="text" name="edad" size="3" maxlength="2"/></td>
</tr>
<tr>
<td>Hobbies</td>
<td>Internet<input type='checkbox' name='choice' value='valor1' />
Música <input type='checkbox' name='choice' value='valor2' />
Lectura <input type='checkbox' name='choice' value='valor3' /> </td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="Enviar" onclick="valida_envia()"/></td>
</tr>
</table>
</form>
</div>
</body>
</html>
