Índice

Índice a todos los capítulos del manual.

 

 

1. El objeto form, propiedades y métodos

1.1 El objeto form

1.2 Propiedades principales del objeto form

1.2.1 Sintaxis básica

1.3 Métodos del objeto form

1.3.1 Sintaxis básica

1.4 Ejemplo de aplicación

Método POST

Método GET

 

2. Sub-propiedades del objeto form y eventos

2.1 Sub-propiedades del objeto form

2.1.1 Sintaxis básica

2.2 Ejemplos de aplicación

Length

Index

2.3 Los eventos que admite el objeto form

2.3.1 Sintaxis básica

2.4 Ejemplos de aplicación

Alerta al enviar y/o restablecer un formulario

 

3. Valores de la propiedad action

3.1 Ejemplos de aplicación

Modificación del valor de la propiedad action

Duplicando el valor de la propiedad action (enviar un mismo formulario a dos páginas distintas).

 

4. El valor de la propiedad method y target

4.1 Sobre la propiedad Method: Ejemplos de aplicación

Modificar el valor de la propiedad action

4.2 Sobre la propiedad Target: Ejemplos de aplicación

Modificar el valor de la propiedad target

 

5. Objetos de un formulario

5.1 Tipos de objetos, definición y sintaxis básica (campos de un formulario).

 

6. Los objetos text y password

6.1 Propiedades de los objetos text y password

6.1.2 Sintaxis básica

6.2 Principales métodos de los objetos text y password

6.2.1 Sintaxis básica

6.3 Principales eventos de los objetos text y password

6.4 Sintaxis básica

 

7. Los objetos text y password II

7.1 Ejemplos de aplicación I: Trabajando con el valor de un campo

Eliminar el valor de un campo al hacer click

Reproducir el valor de un campo en otro

Rellenar el valor de un campo vacío con una frase o palabra

Validar campos (forma 1)

Validar campos (forma 2)

Introducir en un solo campo los valores de distintos campos.

 

8. Los objetos text y password III

8.1 Ejemplos de aplicación II: Bloqueando y desbloqueando campos

Como bloquear o desbloquear un campo

8.2 Ejemplos de aplicación III: Trabajando con la propiedad size

Aumento y reducción del valor size

 

9. Los objetos text y password IV

9.1 Ejemplos de aplicación III: Trabajando con la propiedad length

Establecer un límite mínimo de caracteres

Establecer un límite máximo de caracteres

Establecer un límite absoluto de caracteres

Establecer un límite mínimo y uno máximo de caracteres

Contabilizar la cantidad de caracteres escritos y los restantes

Informar la cantidad de caracteres excedidos y los faltantes

 

10. Los objetos text y password V

10.1 Ejemplos de aplicación IV: toUpperCase y toLowerCase

Convertir el texto a mayúsculas

Convertir el texto a minúsculas

 

11. El objeto hidden

11.1 Usos de este objeto

 

12. Los objetos radio y checkbox

12.1 Propiedades de los objetos

12.2 Principales eventos

12.3 Sintaxis básica

12.4 Ejemplos de aplicación I: Trabajando con la propiedad disabled

Habilitar o deshabilitar un grupo de checkbox según la opción elegida de los radio buttons.

Habilitar o deshabilitar un grupo de checkbox según el valor de la propiedad checked de otro checkbox.

 

13. Los objetos radio y checkbox II

13.1 Sintaxis básica para conocer el valor de todas las propiedades

13.1.1 Valor de value
13.1.2 Valor de name
13.1.3 Valor de disabled
13.1.4 Valor de checked
13.1.5 Valor de length

13.2 Ejemplos de aplicación II: trabajando con el valor de las propiedades

Como conocer los valores de todas las propiedades

13.3 Ejemplos de aplicación III: trabajando con propiedad checked

Aceptar los términos de un contrato antes de suscribir el formulario (realiza una acción solo si el checkbox no ha sido marcado)

 

14. El objeto textarea

14.1 Propiedades básicas

14.2 Sintaxis básica

14.3 Principales métodos del objeto textarea

14.4 Principales eventos del objeto textarea

14.5 Ejemplos de aplicación

Eliminar el valor de un campo al hacer click

Reproducir el valor de un campo en otro

Rellenar el valor de un campo vacío con una frase o palabra

Validar campos (forma 1)

Validar campos (forma 2)

Introducir en un solo campo los valores de distintos campos.

Como bloquear o desbloquear un campo

Establecer un límite mínimo de caracteres

Establecer un límite máximo de caracteres

Establecer un límite absoluto de caracteres

Establecer un límite mínimo y uno máximo de caracteres

Contabilizar la cantidad de caracteres escritos y los restantes

Informar la cantidad de caracteres excedidos y los faltantes

Convertir el texto a mayúsculas

Convertir el texto a minúsculas

 

15. Los objetos select y option

15.1 SELECT: Propiedades principales

15.2 SELECT: Sintaxis básica

15.3 SELECT: Métodos del objeto

15.4 SELECT: Eventos del objeto

15.5 OPTION: Propiedades principales

15.6 OPTION: Métodos y eventos

15.7 Sintaxis básica general: llamando a las propiedades

15.8 El constructor new Option: uso y sintaxis

 

16. Los objetos select y option II

16.1 Ejemplos de aplicación

La propiedad disabled: habilitar un select si ya se ha elegido una opción de otro delect

El constructor new Option: listas encadenadas. Cambian las opciones de una lista, dependiendo de la selección realizada en otra.

Validar un select.

Modificar la propiedad text de un option.

 

17. El objeto file

17.1 Principales propiedades

17.2 Eventos que admite

 

 

Anexo I

Rutinas JavaScript para aplicar a formularios

  • Colocar el foco en un determinado campo al cargar la página

  • Convierte la primer letra de cada palabra en mayúscula

  • Convierte la primer letra del texto en mayúsculas

  • Escribe un valor indicado en otra ventana, en el formulario abierto

  • Comprueba que el valor ingresado en dos campos no sea el mismo

  • Comprueba que el valor ingresado en dos campos sea igual

  • Permite seleccionar solo una determinada cantidad de checkbox del mismo nombre
  • Selecciona todos los checkbox con un solo click o los deselecciona
  • Selecciona todos los checkbox con un solo click o los deselecciona o invierte la selección
  • Cuenta la cantidad de checkbox o radio que hay seleccionados

 

 

Anexo II

Más rutinas JavaScript

  • Aumenta o disminuye un valor
  • Cuenta la cantidad de palabras introducidas en un textarea
  • Muestra o esconde el botón "submit"
  • Habilita o deshabilita el botón "submit"
  • Mensaje de confirmación al borrar un formulario
  • Mensaje de confirmación al enviar un formulario