Reset y submit en un botón

[JavierB]

Hola elcigarra

Tienes dos posibilidades, utilizar un botón normal de esta forma:

<input type="button" value="Enviar" onclick="this.form.submit(); this.form.reset()" />

o dehabilitar el botón submit para que no se pueda volver a pulsar:

<input type="submit" onclick="this.disabled=true" />

Saludos, :adios:

[[kayetano]]

Hola

Empezado por javierB

Tienes dos posibilidades, utilizar un botón normal de esta forma:

<input type="button" value="Enviar" onclick="this.form.submit(); this.form.reset()" />

No lo he probado pero no parece una solución válida, me parece que enviará un formulario vacio.

Empezado por javierB

o dehabilitar el botón submit para que no se pueda volver a pulsar:

<input type="submit" onclick="this.disabled=true" />

Tampoco tengo claro que esto funcione, ya que tu problema es al volver y no se si el estado del boton permanecerá desactivado.

La solución que yo te propongo es más complicada que estas dos y no la he probado por lo que no se si funcionará:
La idea es hacer tantos INPUTs ocultos como INPUTs visibles hayan, una vez se pulsa el botón de enviar y con javascript copias el contenido de los inputs visibles en los inputs ocultos, borras el contenido de los inputs visibles y envias el formulario.

[dec]

Hola,

Pues luego de probar con varias cosas, por ejemplo tratar de que la página del formulario no fuera guardada en el caché del navegador... sin resultado, se me ocurrió una solución que acaso no sea muy elegante, pero, en fin, parecía funcionar... como no podía ser de otro modo:

  <script type="text/javascript">
  
  function LimpiarFormulario(idFormulario) {
    return;
    frm = document.getElementById(idFormulario);
    if(frm) {
      for (i = 0; i < frm.elements.length; i++) {
        if(frm.elements[i].type === 'text')
          frm.elements[i].value = '';
      } 
      return true;    
    }
    return false;
  }
  
  </script>

Efectivamente, ejecutar la función "LimpiarFormulario" cada que se cargara la página Web: utilizando el evento "OnLoad" de "BODY".

Pero, resulta que probé después lo que el compañero JavierB propone, esto es, algo así:

<input type="button" onclick="this.form.submit(); this.form.reset();" value="Enviar" />

Y la cosa también parece funcionar como se espera. He hecho pruebas y los datos del formulario se envían pero este se "resetea" al cabo.

[roman]

Yo acabo de probar esta opción y me envía correctamente el formulario, pero al darle al botón BACK, ahí siguen los datos...

... en IE, porque en FF sí desaparecen.

// Saludos

[dec]

Hola,

Pues toma ya... así es la verdad que sólo probé el asunto en Firefox... mal hecho, puesto que no hubiera funcionado en Internet Explorer (¿Entre cuántos más?)... gracias Román. Y en todo caso, ¿qué nos queda? ¿Recorrer los controles del formulario y borrar el contenido de las casillas de texto?

Acaso también pudiera controlarse mediante una variable "de sesión" que el mismo usuario no enviara el formulario más de dos veces en la misma sesión... guardando en la variable de sesión su IP, por ejemplo... es lo que se me ha ocurrido al principio también, pero, al final no seguí por ese camino.

[JavierB]

Empezado por dec

HPues toma ya... así es la verdad que sólo probé el asunto en Firefox... mal hecho, puesto que no hubiera funcionado en Internet Explorer

Lo mismo me pasó a mí, probé los dos códigos en Firefox y me puse tan contento pensando que funcionaba bien

He probado alguna cosa más, pero el puñetero Explorer sigue sin hacerme caso

Saludos,

[roman]

Siguiendo con las pruebas, veo que lo que comenté de session_start() sólo es válido en IE. Ahora,fijándome en los encabezados que se mandan cuando se usan sesiones, parece que podemos combinar ambas técnicas:

Código PHP:

<?
header("Cache-Control: no-cache, must-revalidate");

if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
  print '<pre>';
  print_r($_POST);
  print '</pre>';

  exit();
}
?>
<form method='post' action='<?=$_SERVER['PHP_SELF']?>' name='form'>
<input type='text' name='nombre'>
<input type='button' value='Enviar' onclick='this.form.submit(); this.form.reset();'>
</form>

Probado en IE, FF y Opera.

// Saludos

[roman]

dec, ¿qué LimpiarFormulario no podría simplificarse así?

function LimpiarFormulario(idFormulario)
{
  frm = document.getElementById(idFormulario);
  if (frm)
  {
    frm.reset();
  }
}

// Saludos

[dec]

Hola,

Pues si lo has probado y funciona no sólo podía sino que debía hacerse así. Un formulario puede contener otros controles distintos de las casillas de texto (pienso en los "CheckBox", por ejemplo) que también precisen ser "reiniciados" convenientemente. Desde luego no se me ocurrió antes pero si funciona ya digo que me parece que debe hacerse como dices Román.

[roman]

Una cosa que nunca he terminado de entender es esta:

Código PHP:

<?
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
  print '<pre>';
  print_r($_POST);
  print '</pre>';
  
  exit();
}
?>
<form method='post' action='<?=$_SERVER['PHP_SELF']?>' name='form'>
<input type='text' name='nombre'>
<input type='submit'>
</form>

Puesto tal cual, sucede lo que se describió desde un principio. Sin embargo, si agregamos session_start() al principio, entonces los datos del formulario se borran al regresar a él. Esto he notado yo desde siempre aunque la verdad nunca me he puesto a ver qué es lo que ocurre.

Ahora, un poco al margen (o no) de esto, lograr que se borre el formulario no siempre es lo deseado. Digo, pocas cosas me fastidian tanto como llenar un formulario, darle OK, recibir un mensaje de tipo: "falta un dato", regresar, y tener que escribir todo de vuelta.

// Saludos