Usuario:Juanda/javascript/Formularios - Historial de revisiones

Juanda: /* DOM y acceso al formulario */

2012-10-14T19:30:42Z

‎DOM y acceso al formulario

2012-10-14T19:29:57Z

‎Evitar envío duplicado del formulario:

2012-10-14T19:25:19Z

‎Listas select

2012-10-14T19:24:53Z

‎checkbox

2012-10-14T19:24:08Z

‎Radiobutton

2012-10-02T20:48:41Z

2012-10-02T20:44:36Z

‎Evitar envío duplicado del formulario:

2012-10-02T20:43:49Z

‎Evitar envío duplicado del formulario:

2012-10-02T17:53:33Z

‎Evitar envío duplicado del formulario:

2012-10-02T17:52:42Z

@@ Línea 13: / Línea 13: @@
 document.forms[0]; //primer formulario de la página web
 document.forms[0].elements[0]; //elemento 0 del formulario
-document.forms[0].elements[document.forms[0].elements.length-1]; //último elemento
+//último elemento:
 </source>
 *Inconvenientes:

@@ Línea 152: / Línea 152: @@
 <form id="formulario" action="#">
   ....
-   <input type="button" value="Enviar" onclick="this.disabled=true; this.value=’Enviando...’; this.form.submit()" />
+   <input type="button" value="Enviar" onclick="this.disabled=true;
 </form>
 </source>
 </div>
 <div class="slide">
 ====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.

@@ Línea 117: / Línea 117: @@
 var indiceSeleccionado = lista.selectedIndex;
 // Con el índice y el array "options", obtener la opción seleccionada
-var opcionSeleccionada = lista.options[indiceSeleccionado]; //se podría añadir aquí el .text o .value!!!
+var opcionSeleccionada = lista.options[indiceSeleccionado];
 // Obtener el valor y el texto de la opción seleccionada
@@ Línea 123: / Línea 124: @@
 var valorSeleccionado = opcionSeleccionada.value;
-alert("Opción seleccionada: " + textoSeleccionado + "\n Valor de la opción: " + valorSeleccionado);
+alert("Opción seleccionada: " + textoSeleccionado + "\n Valor de la opción: "
 </source>
 </div>
 <div class="slide">
 ===Otras operaciones===
 ====Asignar el foco en el formulario====

@@ Línea 87: / Línea 87: @@
 ====checkbox====
 <source lang="javascript">
-<input type="checkbox" value="condiciones" name="condiciones" id="condiciones"/> He leido y acepto las condiciones
+<input type="checkbox" value="condiciones" name="condiciones" id="condiciones"/>
-<input type="checkbox" value="privacidad" name="privacidad" id="privacidad"/> He leido la política de privacidad
+He leido y acepto las condiciones
 .....
 var elemento = document.getElementById("condiciones");
-alert(" Elemento: " + elemento.value + "\n Seleccionado: " + elemento.checked);
+alert(" Elemento: " + elemento.value + "\n Seleccionado: " +
 elemento = document.getElementById("privacidad");
-alert(" Elemento: " + elemento.value + "\n Seleccionado: " + elemento.checked);
+alert(" Elemento: " + elemento.value + "\n Seleccionado: " +
 </source>
 </div>

@@ Línea 78: / Línea 78: @@
 var elementos = document.getElementsByName("pregunta");
   for(var i=0; i<elementos.length; i++) {
-   alert(" Elemento: " + elementos[i].value + "\n Seleccionado: " + elementos[i].checked);
+   alert(" Elemento: " + elementos[i].value + "\n Seleccionado: " +
+}
 </source>
 </div>
 <div class="slide">
 ====checkbox====
 <source lang="javascript">

@@ Línea 139: / Línea 139: @@
 <div class="slide">
 ====Evitar envío duplicado del formulario:====
-Mediante un botón de tipo
+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 <source lang="html4strict"><input type="submit" /></source>
-<source lang="html4strict"><input type="button" /></source>, ya que el código JavaScript mostrado no funciona correctamente con un botón de tipo <source lang="html4strict"><input type="submit" /></source>
 <source lang="javascript">