> Manuales > Formularios y Javascript

Otras cuestiones relativas al objeto form: propiedades index y length, y eventos.

2.1 Sub-propiedades del objeto form


El objeto form posee dos sub-propiedades, a parte de las propiedades nombradas en el capítulo anterior. Estas sub-propiedades son:

 

sub-propiedad descripción

index

es un array que contiene todos los formularios de una página, donde el primer formulario es identificado con el número 0 y así sucesivamente.

length contiene el número (cantidad) de formularios que hay en una página.

 

2.1.1 Sintaxis básica

 

document.forms[index]

donde index es el número correspondiente al formulario: document.forms[0] indica el primer formulario y

 

document.forms.length

nos indica la cantidad de formularios que hay en una página.

 

2.2 Ejemplos de aplicación


LENGTH


El código...

Presiona el botón para saber cuantos formularios hay en esta página:

<input type="button" value="Click aquí" onClick="alert('Hay ' + document.forms.length + ' formularios en esta página')">

 

Los resultados...

Presiona el botón para saber cuantos formularios hay en esta página:


INDEX


El código...

Presiona el botón para saber el nombre del primer formulario:

<input type="button" value="Click aquí" onClick="alert('El nombre del primer formulario es: ' +  document.forms[0].name)">

 

Los resultados...

Presiona el botón para saber el nombre del primer formulario:


2.3 Los eventos que admite el objeto form


Si bien la mayoría de los eventos JavaScript son aceptados por el objeto form, muchos de ellos pueden crear más problemas que soluciones y si se utilizan, es en casos muy específicos pero no usuales.

En la siguiente lista veremos los más utilizados:

 

evento descripción

onSubmit

es el principal evento del objeto form y se produce al enviar el formulario: ya sea mediante el botón submit o mediante una función JavaScript que llame al método submit()

onReset

funciona igual que el evento anterior pero se sucede al restablecer el formulario.

 

2.3.1 Sintaxis básica

 

<form name="..." method="..." action="..." target="..." onSubmit="función" onReset="función">

 

2.4 Ejemplos de aplicación


Aquí veremos un ejemplo en el que se enviará un mensaje de alerta al usuario cuando envía el formulario o cuando lo restablece.

El código...

<form name="formulario" method="post" action="ejemplos/procesar.asp" target="_blank" onSubmit="alert('Se enviará el formulario')" onReset="alert('Se borrarán todos los datos insertados')">

Escribe tu nombre: <input type="text" name="nombre"><br>

<input type="submit" value="Enviar">

<input type="reset" value="Borrar">

</form>

 

Los resultados....

Escribe tu nombre:

Eugenia Bahit

Analista Programadora LAMP y Scrum Coach

Manual