html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www
Anuncio
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title> Validar formulario </title>
<script type="text/javascript">
//definimos la funcion
function verificartodo()
{
//declaramos las variables
var sw=true;
//hacemos la llamada al dato introducido y con un if comprobamos si el campo esta vacio
if(document.getElementById("nombre").value=="")
{
//avisamos que hay que rellenar el campo con una ventana emergente
alert("Debes rellenar el campo nombre");
//hacemos que el cursor se situe en la caja correspondiente al nombre con focus()
document.getElementById("nombre").focus();
//devolvemos false para que no se envie el formulario
sw=false;
}
else if(document.getElementById("email").value=="")
{
alert("Debes rellenar el campo de email");
document.getElementById("email").focus();
sw=false;
}
//hacemos la llamada al dato introducido y con un if comprobamos la condicion
else if (document.getElementById("pass1").value.length<5)
{
//avisamos que hay que rellenar el campo correctamente con una ventana emergente
alert ("Imprescindible poner al menos 5 caracteres en el password");
//Vaciamos la caja del password del contenido introducido
document.getElementById("pass1").value="";
//hacemos que el cursor se situe en la caja correspondiente con focus()
document.getElementById("pass1").focus();
//devolvemos false para que no se envie el formulario
sw=false;
}
//se comprueba si las dos claves introducidas coinciden
else if(document.getElementById("pass1").value != document.getElementById("pass2").value)
{
alert("Los passwords tienen que ser iguales");
document.getElementById("pass1").value="";
document.getElementById("pass2").value="";
document.getElementById("pass1").focus();
sw=false;
}
else if (sw==true)
{
//indicamos con una ventana emergente la validez del formulario
alert ("Pagina validada");
}
//si todo es correcto devolvemos el valor de sw, true y se envia el formulario
return (sw);
}
</script>
</head>
<!--con onLoad hacemos que al cargar la pagina el cursor se situe en la caja nombre-->
<body onLoad="document.getElementById('nombre').focus()">
<h2> Formulario campos obligatorios </h2>
<!--onSubmit quiere decir que mientras la respuesta (return) sea false no se envia el formulario y
la llamada a la funcion no se hace hasta pulsar el boton Enter (input type="submit")-->
<form name="f1" id="f1" action="mailto:[email protected]" onSubmit="return verificartodo()">
<p> Nombre y Apellidos*:
<!--definimos una caja donde introducir el nombre-->
<input type="text" name="nombre" id="nombre" maxlength="10" size="8"></p>
<p> Email*:
<!--definimos una caja donde introducir el Email-->
<input type="text" name="email" id="email" maxlength="10" size="8"></p>
<p> Teclea clave (al menos 5 caracteres):
<!--definimos una caja donde introducir el password-->
<input type="password" name="pass1" id="pass1" maxlength="10" size="8">
Teclea la clave de nuevo:
<input type="password" name="pass2" id="pass2" maxlength="10" size="8"></p>
Todos los campos son necesarios, El password tendra al menos 5 caracteres
<!--definimos una boton de enviar que junto con onSubmit llamara a la funcion de comprobacion-->
<p><input type="submit" value="Enter"></p>
</form>
</body
</html>
