Formularios y Javascript

Manual que explica todos los aspectos relacionados con el control de elementos de formulario, del lado del cliente, con Javascript.

Listado de los capítulos

1.- Índice

Índice a todos los capítulos del manual.

2.- El objeto form, propiedades y métodos

Conocer el objeto form, sus elementos y propiedades, su procesamiento de datos, su envío y recepción.

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.

Descargas

Bibliografía recomendada

DOMINE JAVASCRIPT. 2ª EDICIóN

Compra este libro en Agapea, la librería urgente a domicilio.

Compartir

Comentarios

easy-pos

07/5/2009
Calificación
Excelente.
Bien estructurado, claro, conciso
Buenos ejemplos

pedro_locutus

23/5/2009
¿Y el link al manual para descarga?
Hola. Me parece un manual muy interesante; me gustaría descargarlo pero no encuentro el link

vampiroe05

04/8/2009
Muy bueno, me gustaria bajarlo
muy bien echo esta muy claro... Me gustria bajarlo y no veo como

vidalitro

23/9/2009
excelente...
fue uno de mis puntos flojos de js cuando intentaba validar en js formularios...
ahora, qiero descargarme el manual pero no sale el link de descarga...

hramirez

25/11/2009
descargar el manual?
quisiera saber si existe la posibilidad de descargar este manual, pues no encuentro un link que conduzca a descargarlo, favor verificar. muchas gracias

elena_barrera

13/2/2010
DESGARGA
ESTE MANUAL ES MUY INTERESANTE PUES AYUDA A MEJORAR EL DESARROLLO DE FORMULARIOS UTILIZANDO JAVASCRIPT, PERO ES DIFICIL COPIAR.

isidro_contreras-560131

16/2/2010
hola
EXCELENTE

jsvega

01/3/2010
felicitacion
excelente ayuda cuando estas aprendiendo. pero no hay link de descarga, se podria agregar? gracias de antemano

berenice17

12/6/2010
descarga
donde puedo descargarlo
asi como con los otros manuales
donde esta el link???

satan_xtn

28/7/2010
EL link
Donde esta el link de descarga. MUY BUENO

Jreyes

21/10/2010
Excelente!
Muy buen manual, preciso lo que buscaba y bien elaborado, felicitaciones

mariajo_cristobal_eguiguren

24/3/2011
Formularios y Javascript
como puedo bajarme este manual

ircnick

09/4/2011
Descarga y sugerencia
Creo que aun no se puede descargar este manual, seria bueno que el administrador pusiera la versión para descarga. Abra que hacer una encuesta tipo, quiere versión de descarga de este manual si/no. Sldos a todos.

Mónica

25/1/2012
formularios para enviar datos por e-mail
Me gustaría que explicaran como se envían datos a través de un formulario a la casilla de mail, no logro entender por qué no se pueden recibir los datos en forma correcta.
Quisiera saber su configuración

Fidelia

01/9/2012
Descarga
Me gusta muchisimo javascript, me gusto el manual pero no alcance a verlo todo
me gustaria tenerlo en pdf para poder terminar!!!

Gracias por los manuales!!!

Me ayudan muchisimo!!!!1

Camilo

27/9/2012
Checkbox
Hola tengo un inconveniente y no he encontrado por ningún lado como lo puedo solucionar, <br />
Creo una grilla con nombres de usuarios y por cada usuario hay tres columnas con check box de las cuales debo seleccionar opciones, pero si el usuario escoge una en particular debe deshabilitar las otras porque son excluyentes. <br />
El problema se presenta porque creo la grilla desde una consulta dinamica de php-mysql y al poner las funciones de javascript lo hace si y solo si existe un solo registro, pero los registros varían según el departamento seleccionado. Mi pregunta es como puedo hacer para que sin importar los registros que traiga pueda realizar la misma acción para los demás.<br />
Espero me puedas colaborar porque la verdad me he matado la cabeza y no lo he podido solucionar. Si necesitas el codigo por favor me avisa.<br />
<br />
Gracias

inmaGutierrez

22/11/2013
link de descarga
Hola!!he estado mirando el manual y a parte de estar muy completo, las explicaciones de cada paso me vienen genial...habría alguna posibilidad de poder descargarselo? el manual de introduccion a javascript ya le tengo descargardo..pero formularios es lo que estoy dando actualmente y me vendria de perlas para poder entender el funcionamiento de estos.
por cierto...gracias por estos manuales..son de mucha ayuda!! ;-)