viernes, 22 de julio de 2011

Validacion de fomularios en javascript

Muchas veces es necesario validar los datos de un formulario antes de procesar los datos. Una manera facíl de hacer esto es mediante javascript.

Primero ponemos un formulario, que nos va a pedir nuestro nombre y la edad
<form id="form1" name="form1" method="post" 
action="formprocesamiento.php">
<label>Nombre</label>
<input type="text" name="txtNombre" value=""/>
<br /><br />
<label>Edad</label>
<input type="text" name="txtEdad" value=""/>
<br /><br />
<input type="button" value="Enviar" onclick="Validar(); " />
</form>



Mediante esta funcion de javascript vamos a comprobar que la longitud del nombre no sea menor de 4 caracteres y que la edad no sea menor a 18 años.
function Validar()
{
//Se comprueba que la longitud del nombre no sea 
//menor de 4 caracteres
if(document.form1.txtNombre.value.length<4 )
{
alert("Nombre obligatorio, con una longitud minima de
4 caracteres");
//Se devuelve el foco a este campo
document.form1.txtNombre.focus();
return 0;
}
//Se comprueba que la edad no sea menor de 18 años
if(document.form1.txtEdad.value < 18)
{
//En caso de ser menor de 18 mostramos una alerta
alert("Edad minima 18 años");
document.form1.txtEdad.focus();
return 0;
}

document.form1.submit();
}

No hay comentarios:

Publicar un comentario