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<5)) {
msg = "Nombre Incorrecto";
}
if((document.form.edad.value>99) || (document.form.edad.value<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!
May 6th, 2005 at 7:20 pm
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
October 18th, 2005 at 4:51 pm
action=”mailto:correo@dominio.loquesea” y el cuerpo del mensaje será…
$nombredelavariable= VALOR
(estoy hablando de memoria, creo q era así)
Espero sirva.
salu2
November 25th, 2005 at 10:13 am
Buenas, solo un apunte. No devería ser en la etiqueta del formulario onSubmit=”return validar()”?
Salu2 y muy buen articulo.
December 16th, 2005 at 7:18 pm
estasuper bien todo loq eu quiero me lo encuentra