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">
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....
Eugenia Bahit
Analista Programadora LAMP y Scrum Coach