Validaciones con Javascript Parte I

Bien señores hoy veremos un lenguaje tan importante en el ambiente web como lo es javascript que nos ayuda bastante .

Hoy lo veremos con el enfoque de validar nuestros formularios con objetos HTML , ya que si usaramos php o jsp que son los que he probado que se integran bien , no sacan de agua , porque validamos desde el cliente no desde el servidor.

Y eso es una gran ayuda a la hora de crear aplicaciones en la web ya que nos ahorramos esa ida al servidor , aunque tiene sus desventajas tambien .

JavaScript, desde sus comienzos, introdujo los mecanismos necesarios para validar campos de formulario. Estas son algunas de las validaciones típicas:

* Comprobar que se han suministrado todos los campos obligatorios
* Comprobar que el formato de un campo es el esperado (fechas, teléfonos, etc.)
* Comprobar la validez (sintáctica) de las direcciones de correo y URLs
* Comprobar que no se sobrepasa la longitud, número de líneas o tamaño de la entrada

Bien antes de empezar a ver codigo javascript de validacion ay que tener claro algunos conceptos previos para que nosotros armemos las funciones que necesitemos.

Bien algunas aclaraciones previas antes , java y javascript son totalmente diferentes, javascript sirve para muchas cosas no solo para validar .

Evento onSubmit
La validación de campos de formulario se basa en interceptar el momento en que el usuario realiza el envío de los datos del formulario (es decir, pulsa sobre el botón de enviar). Como es sabido, el botón de envío de datos se codifica con HTML mediante un tipo especial de objeto de formulario, llamado submit.

Bien no solo en este evento puedes validar ahi dependera de tu necesidad.

El objeto this
onSubmit="return Valida(this);"

Normalmente, el evento onSubmit ejecuta una función de validación.
Esta función devolverá, como ya se ha dicho, true si la validación es correcta, y false en caso contrario. Para poder realizar la validación, la función debe trabajar sobre los objetos del formulario a validar, para acceder a su valor y evaluarlo. Esto se consigue pasándole como parámetro el objeto this, que referencia en este contexto al formulario desde el que se invoca la función.

La función de validación accederá a los campos del formulario a partir del objeto this. A continuación mostramos un ejemplo sencillo, en el que se comprueba si el valor del campo de nombre campo1 es igual a OK. En caso afirmativo, la validación es correcta:

******************************
function Valida( formulario ) {
if (formulario.campo1.value == 'OK') {
return true
} else {
return false
}
}
******************************

Propiedades basicas de Formularios y elementos :

JavaScript dispone de numerosas propiedades y funciones que facilitan la programación
de aplicaciones que manejan formularios. En primer lugar, cuando se carga una página
web, el navegador crea automáticamente un array llamado forms y que contiene la referencia a todos los formularios de la página.

Accediendo de esta forma a los formularios de la página, el script funciona correctamente aunque se reordenen los formularios o se añadan nuevos formularios a la página. Los elementos de los formularios también se pueden acceder directamente mediante su atributo name:

En si esto nos sirve para acceder a nuestro formulario de esta forma

var formularioPrincipal = document.formulario; //es el atributo name de nuestro formulario
var primerElemento = document.formulario.elemento;

De esta manera los voy a manejar en los ejemplos de los siguientes post pero ay muchas maneras de hacerlo .

comenten no sean bayuncos ...