formularioLa programación de aplicaciones que contienen formularios web siempre ha sido una de las tareas fundamentales de JavaScript. De hecho, una de las principales razones por las que se inventó el lenguaje de programación JavaScript fue la necesidad de validar los datos de los formularios directamente en el navegador del usuario. De esta forma, se evitaba recargar la página cuando el usuario cometía errores al rellenar los formularios.

No obstante, la aparición de las aplicaciones AJAX ha relevado al tratamiento de formularios como la principal actividad de JavaScript. Ahora, el principal uso de JavaScript es el de las comunicaciones asíncronas con los servidores y el de la manipulación dinámica de las aplicaciones. De todas formas, el manejo de los formularios sigue siendo un requerimiento imprescindible para cualquier programador de JavaScript.


57. Formularios I -Elementos del formuario

Comenzamos a ver en este vídeo cómo acceder a elementos de formulario con JavaScript y la librería JQuery.

58. Formularios II Eventos I – Eventos de formulario

En este vídeo comenzamos a ver los eventos de formulario. Vemos cómo ejecutar una acción cuando se envía el formulario y también cómo ejecutar una acción cuando un elemento coge el foco.

59. Formularios III Eventos II – Coger y perder el foco

En este vídeo vemos cómo gestionar los eventos de formulario al coger y perder el foco utilizando las funciones JQuery focus() y blur().

60. Formularios IV Eventos III – Funciones

En este vídeo trabajamos con las funciones JQuery click()

61.  Formularios V – Mostrando/Ocultando elementos

En este vídeo vemos cómo mostrar y ocultar elementos de un formulario de forma dinámica.

62. Formularios VI – Mostrando/Ocultando elementos II

En este vídeo continuamos viendo cómo mostrar y ocultar elementos en un formulario utilizando en esta ocasión la función css() de la librería JQuery.

63. Formularios VII – Validación I

En este vídeo comenzamos a ver cómo crear validaciones de formularios utilizando plugins JQuery.

64. Formularios VIII – Validación II

Vemos en este vídeo cómo aplicar varias validaciones a un mismo campo.

65. Formularios IX – Validación III

En este vídeo vemos cómo establecer varios mensajes personalizados de validación para un mismo campo de formulario.

66. Formularios X – Validación IV

Vemos en este vídeo cómo formatear los mensajes de validación de un formulario con CSS. También comenzamos con una práctica completa de validación.

67. Formularios XI – Validación V

En este vídeo completamos la práctica de la validación de formulario comenzada en el vídeo anterior. Vemos cómo cambiar la colocación y el formato de los mensajes de validación.