Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Sub-propiedades del objeto form y eventos


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


30/1/04 -

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:

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada
+ 1 comentario no revisado

 Autoría, licencia y acciones sobre este artículo

Informe de Eugenia Bahit*
Desarrolladora ASP y PHP
URL: http://www.cmzk.com.ar

Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Formularios y Javascript

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Manuales de Javascript


 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se ha encontrado un comentario sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Formularios y Javascript
Categorías
+Manuales de Javascript

Lectura recomendada

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

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia