Este es un manual de Javascript específico para explicar cómo se trabaja con formularios en el navegador. Explica a realizar diversas tareas desde un enfoque práctico para el tratamiento de formularios.
A lo largo del manual de formularios y Javascript aprenderás a acceder al objeto formulario y luego a acceder a los campos de formulario para manipularlos, realizar acciones cuando el usuario trabaja con el formulario, etc.
Entre otras cosas explica también las técnicas que puedes usar para la validación de formularios en Javascript, de modo que podamos estar seguros que el usuario ha rellenado correctamente los campos del formulario antes de enviarlo al servidor.
Para poder aprovechar todos los conocimientos de este manual es necesario tener un manejo al menos básico del lenguaje Javascript. Puedes aprenderlo en el Manual de Javascript, especialmente los aspectos que tienen relación con el trabajo con el DOM, o los objetos que el navegador ofrece para controlar la página del lado del cliente.
Artículos del manual
-
1
Índice
Índice a todos los capítulos del manual.
-
2
El objeto form, propiedades y métodos
Comenzaremos por entender el objeto form de Javascript y explicar las distintas maneras que tenemos para el acceso a los objetos form que hay en la página, uno por cada formulario. Veremos además propiedades y métodos de estos objetos.
-
3
Sub-propiedades del objeto form y eventos
Otras cuestiones relativas al objeto form: propiedades index y length, y eventos.
-
4
Valores de la propiedad action
Mediante JavaScript, podremos modificar y seleccionar el valor de la propiedad action.
-
5
El valor de la propiedad method y target
La función que modifica el valor de method es muy similar a la que modifica el valor de action y target.
-
6
Objetos de un formulario
Los objetos de un formulario (objetos del objeto form) son los "campos" de un formulario.
-
7
Los objetos text y password
Propiedades de los objetos text y password son name, value, disabled, ReadOnly, size, length y maxlength.
-
8
Los objetos text y password II
Tomamos los datos introducidos en distinto campos de texto y transferimos todos los valores a un solo campo.
-
9
Los objetos text y password III
El campo "clave" (password) estará bloqueado si el campo "usuario" (text) se encuentra vacío y se desbloqueará en caso contrario.
-
10
Los objetos text y password IV
Utilización de la propiedad length, aplicada a varios ejemplos
-
11
Los objetos text y password V
Ejemplos de uso de las funciones toUpperCase y toLowerCase.
-
12
El objeto hidden
Usos de este objeto componente de formularios.
-
13
Los objetos radio y checkbox
Propiedades, eventos y ejemplos de estos objetos contenidos en formularios.
-
14
Los objetos radio y checkbox II
Se presenta la sintaxis para conocer el valor de las propiedades de estos objetos.
-
15
El objeto textarea
En el capítulo se hace referencia a la sintaxis y propiedades de este objeto, muy parecido al objeto text
-
16
Los objetos select y option
Sintaxis, propiedades y eventos principales asociados a estos elementos de formulario.
-
17
El objeto select II
Aquí encontraremos ejemplos de aplicación en los que se usarán propiedades de este objeto.
-
18
El objeto file
Lista de propiedades y eventos asociados.
-
19
Validación de un formulario con Javascript
Cómo validar un formulario en una página web, en el lado del cliente con Javascript. Se comprueban todos sus campos y si son correctos, se envía el formulario.
-
20
Marcar o desmarcar todos los checkbox de un formulario con Javascript
Realizamos función de Javascript para que se puedan seleccionar todos los checkbox o cajas de selección de un formulario a la vez, pulsando un solo enlace. Hacemos también la función para deseleccionar todos los elementos a la vez.
-
21
Enviar un formulario al pulsar un enlace, con Javascript
Un ejemplo sobre como se puede enviar un formulario por POST al pulsar un enlace, utilizando Javascript
-
22
Anexo I: Rutinas JS para aplicar a formularios
Veremos varios ejemplos de scripts JavaScript aplicables a formularios que aumentarán la funcionalidad de éste.
-
23
Anexo II: Más rutinas Javascript
6 casos más de uso de rutinas con formularios.
-
24
Evitar que un textarea sobrepase un número de caracteres permitidos
Hacemos un script Javascript para controlar que un textarea de un formulario tenga más caracteres de los permitidos. Es decir, que se permita escribir en un textarea hasta que se alcance una longitud del texto dada.
-
25
Control de introducción de caracteres de un campo de texto con Javascript
Podemos impedir con Javascript que los caracteres que el usuario teclea en un campo de texto de un formulario aparezcan.