Sub-propiedades del objeto form y eventos

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>

Fuente:enlace

Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 

Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información