Validacion en Javascript parte II

Seguimos con los la validacion en con javascript y ahora veremos la estructura por la cual validaremos como repito ay muchas formas de como hacerlo .

La principal utilidad de JavaScript en el manejo de los formularios es la validación de los datos introducidos por los usuarios. Antes de enviar un formulario al servidor, se recomienda validar mediante JavaScript los datos insertados por el usuario. De esta forma, si el usuario ha cometido algún error al rellenar el formulario, se le puede notificar de forma instantánea, sin necesidad de esperar la respuesta del servidor.

Notificar los errores de forma inmediata mediante JavaScript mejora la satisfacción del usuario con la aplicación (lo que técnicamente se conoce como "mejorar la experiencia de usuario") y ayuda a reducir la carga de procesamiento en el servidor.

Normalmente, la validación de un formulario consiste en llamar a una función de validación cuando el usuario pulsa sobre el botón de envío del formulario. En esta función, se comprueban si los valores que ha introducido el usuario cumplen las restricciones impuestas por la aplicación.

Aunque existen tantas posibles comprobaciones como elementos de formulario diferentes, algunas comprobaciones son muy habituales: que se rellene un campo obligatorio, que se seleccione el valor de una lista desplegable, que la dirección de email indicada sea correcta, que la fecha introducida sea lógica, que se haya introducido un número donde así se requiere, etc.

Veamos la Estructura basica de nuestro script:

creamos una funcion y luego vamos comparando cada expresion que armemos con los objetos html si cumple la condicion mostramos mensaje de error , si no entra a ninguna condicion el formulario se envia.

Bien haremos un ejemplo , el nombre de la pagina que procesa es jsp , la verdad ahi puede ser php o incluso lo podemos dejar en blanco si tu objetivo es solo conocer javascript.

Por cuestiones que despues enseñare como capturar la informacion y guardarla en la base de datos , lo hare en una pagina jsp.

Bien el html es el mismo podemos crear tablas objetos de formularios lo unico que va cambiar es la cabecera del formulario asi como la imagen.

Ahora se preguntaran porque se le ponia un nombre al formulario , ya que si validamos en php o jsp no era necesario fijarse en ese detalle , pues javascript capturara el nombre del formulario y por medio de eso tendra acceso a los objetos de ese formulario, cabe destacar que tambien se puede por el id pero yo lo hare por el nombre.

bien ahora veremos como queda el boton , yo validare cuando ocurra el evento submit del formulario cuando la informacion se envia a procesar a su pagina destino el javascript lo evaluara si va correctamente. usamos el evento onclick mas el nombre de la funcion que esta en el javascript.

Bien aca esta la funcion que la pondremos en el head de la pagina y verificamos como esta hecha esta . primero se declara la funcion dentro de ella tenemos una serie de if las cuales nos evaluaran los objetos html junto con las variable que declaramos arriba.

Observamos que las variables son igual a una expresion regular , luego en el if se hace una comparacion , llamamos con document.nombre_formulario.objeto_html.value , y si es verdadero mostramos mensaje de error con un alert , luego lo ubicamos en el objeto donde se dio el error y luego le borramos el contenido .

Y asi hacemos todas las validaciones que sean necesarias veamos una diferente.

Vemos una que necesariamente puede ir cualquier tipo de dato pero no puede quedar en blanco ya que es obligacion .

Usamos lo mismo solo que ahora no comparamos con nada solo hacemos el if y si el el objeto tiene un lenght = 0 , que muestre un error.

y al final si todo esta correcto el formulario manda la informacion al destino en este caso a index.jsp. y solo queda capturarla y hace lo que tengas que hacer menos lineas de codigo si validas desde el cliente.

y tendremos un formulario como este :

Descargar archivos.

Mas adelante veremos validaciones mas complejas pero si tienes alguna en especial nos las puedes dejar como comentario y nosotros haremos lo posible por solucionarte el problema.

comenten no sean bayuncos