Usuario:Juanda/javascript/Formularios

DOM y acceso al formulario

 * Mediante el array forms del document y su array de elementos:
 * Inconvenientes:
 * Sintaxis a veces poco concisa
 * Alteración del orden de los formularios en un entorno tan cambiante como la Web.


 * Mediante el atributo name de los elementos (mejor opción):
 * Mediante el atributo id:

Propiedades y eventos de los formularios

 * Propiedades:
 * type: Indica el tipo de elemento del que se trata:
 * text, button, checkbox, select-one, select-multiple, textarea
 * value: obtiene el texto que se muestra en un botón o en las cajas de texto (text o textarea)...
 * name: se obtiene el valor del atributo name.
 * form: para referirse al formulario de un elemento:


 * Eventos más habituales:
 * onclick
 * onchange: al cambiar el valor de un elemento y perder el foco
 * onfocus – onblur: cuando el elemento tiene o pierde el foco.

Asignar el foco en el formulario
Comprobamos que haya formularios y asignamos el foco al primer elemento que no sea de tipo hidden.

Evitar envío duplicado del formulario:
Mediante un botón de tipo &lt;input type="button" /&gt;, ya que el código JavaScript mostrado no funciona correctamente con un botón de tipo &lt;input type="submit" /&gt;

Limitar el número de caracteres de un textarea

 * En algunos eventos (como onkeypress, onclick y onsubmit) se puede evitar su comportamiento normal si se devuelve el valor false.
 * textarea no tiene la propiedad maxlength