Reset y submit en un botón

[elcigarra]

Amigos, tengo un formulario que pasa a una página php que "hace cosas" y manda un saludo... bueno, clásico.

El caso es que muchos de los visitantes de mi página repiten (envían) el formulario más de una vez. Le dije a un amigo que probara esa parte del sitio y me comentó que después del saludo fue a la página anterior (la del formulario) y como estaban todos los datos que el había puesto, por un momento le quedó la duda de si el formulario se había mandado efectivamente.

¿Hay alguna forma de que antes de enviarse, el formulario se resetee?. Algo como poner un boton de Reset y Submit al mismo tiempo.

[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.

[roman]

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

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

// Saludos