Validación de formularios con JavaScript

La validación de datos de un formulario mediante JavaScript o cualquier otro lenguaje del lado del cliente es la forma mí¡s cómoda de verificar los datos introducidos.

Aunque la comodidad no lo es todo, existen multitud de casos en el que el uso exclusivo de JavaScript para la validación de datos es insuficiente y la utilización de algun lenguaje como PHP, Perl o Java resulta imprescindible.

Por ejemplo, no puedes validar los datos de acceso a una zona segura de tu web mediante JavaScript ya que el login y el password deberán de estar escritos en alguna parte y el usuario no tardará en averiguarlo. Otro caso en el que el uso de lenguajes de servidor es imprescindible es cuando se debe verificar la validez de una dirección de correo o un URL.

Ademí¡s, no podemos olvidad, que como cualquier lenguaje del lado del cliente, el navegador del usuario debe soportar Javascript, si no lo hace la validación no se realizarí¡. Por lo tanto, si los datos a validar son importantes… olví­date de JavaScrit, usa un lenguaje del lado del servidor.

Una vez expuestos los inconvenientes de JavaScript… veamos el siguiente ejemplo:

<html>
<head>
<title>Mi Pagina</title>

<script language="javascript">
<!--
function validar() {
var msg = "";

if((document.form.nombre.value.length > 100) || (document.form.nombre.value.length&lt;5)) {
msg = "Nombre Incorrecto";
}

if((document.form.edad.value>99) || (document.form.edad.value&lt;3)) {
msg = "Edad Incorrecta";
}

if(msg != "") {
window.alert(msg);
return false;
} else {
return true;
}
}
-->
</script>

</head>
<body>
<form method="post" name="form" onsubmit="validar()">
<input type="text" name="nombre"/>
<br />
<input type="text" name="edad"/>
<br />
<input type="submit" value=" enviar "/>
</form>
</body>
</html>

Como puedes observar el código superior se trata de una simple pí¡gina HTML con un formulario y un script que sirve para validar los datos introducidos en el formulario.

En el tag que abre el formulario puede ver como este se llama "form" y al enviarlo llama a la funcion validar(), esta función se encuentra en la cabecera del documento (entre <head> y </head>) y es lo que se encarga de validar los datos introducidos por el usuario.

Modificar la forma y datos a validar, así­ como los errores que se mostrarí¡n es una tarea bastante sencilla. Por lo tanto no tengas miedo y a trastear!

4 Responses to “Validación de formularios con JavaScript”

  1. Ivan Says:

    Muy bueno tu articulo, trabaja perfectamente. Ahora bien creo que harias una gran labor ayudandonos a terminar la parte mas importante. El “Action” pues el OnSubmit va a la función Validar() pero como le indicamos que lo envia a una dirección e-mail?
    De antemano gracias

  2. Falote Says:

    action=”mailto:correo@dominio.loquesea” y el cuerpo del mensaje será…
    $nombredelavariable= VALOR

    (estoy hablando de memoria, creo q era así)
    Espero sirva.
    salu2

  3. Deivid Says:

    Buenas, solo un apunte. No devería ser en la etiqueta del formulario onSubmit=”return validar()”?
    Salu2 y muy buen articulo.

  4. fernánfez campos rosa etela Says:

    estasuper bien todo loq eu quiero me lo encuentra

Leave a Reply