Enviar mas de 1 vez el mismo formulario

fedcoco · #1 (**permalink**) 13/10/2004, 14:04

Cuando el usuario presiona el botón enviar se ejecuta el cgi correspondiente que tiene una demora, dependiendo de la velocidad de conexión y la pc del usuario.
Durante este tiempo el formulario permanece activo en el navegador y el usuario puede volver a enviar 2 o 3 veces el mismo formulario hasta que aparece la respuesta generada por el cgi, pensando que no habia hecho nada.
Existe alguna forma de bloquear el formulario en forma instantanea una vez pulsado el boton de enviar mientras esta ejecutando el cgi?

monoswim · #2 (**permalink**) 13/10/2004, 14:19

Si, se puede pero se hace a travez de javascript que se ejecuta en el navegador del usuario. Esto tiene la contra de que puede no andarte en todos los navegadores...Para darte una idea en este ejemplo le dices al usuario que si lo quiere enviar clinquee aceptar y espere unos segundos

Código:

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
function mensaje() {
alert('Enviar Formulario ? Clickee aceptar y espere unos segundos');
}
</script>
</head>

<body>
<form name="form1" method="post" action="tuscript.pl" onSubmit="mensaje()">
  <p>
    <input type="text" name="textfield">
  </p>
  <p>
    <input type="submit" name="Submit" value="Submit">
  </p>
</form>
</body>
</html>

Espero que te sirva, saludos !!!

monoswim · #3 (**permalink**) 13/10/2004, 14:22

Hola, le hice una pequeña modificación al javascript y ahora se envia y te bloquea el botón de enviar

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
function bloquear() {
form1.Submit.disabled = true;
}
</script>
</head>

<body>
<form name="form1" method="post" action="tuscript.pl" onSubmit="bloquear()">
  <p>
    <input type="text" name="textfield">
  </p>
  <p>
    <input type="submit" name="Submit" value="Submit">
  </p>
</form>
</body>
</html>

Lo voy a poner en el FAQ de PERL

Saludos

kidd · #4 (**permalink**) 13/10/2004, 17:32

Y mejorando el código de monoswim, aparte de bloquear el botón de submit, le puedes cambiar el texto para que diga: "Procesando...espera unos segundos".

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
function bloquear() {
form1.Submit.disabled = true;
form1.Submit.value = "Procesando...espera unos segundos";
}
</script>
</head>

<body>
<form name="form1" method="post" action="tuscript.pl" onSubmit="bloquear()">
  <p>
    <input type="text" name="textfield">
  </p>
  <p>
    <input type="submit" name="Submit" value="Submit">
  </p>
</form>
</body>
</html>

SALUDOS

monoswim · #5 (**permalink**) 14/10/2004, 05:43

me gustó, lo voy a poner en el faq...

Saludos

boilmar · #6 (**permalink**) 14/10/2004, 16:47

Otra forma similar:

<script LANGUAGE="JavaScript">

</script>

<form method="POST" action="script.pl" onSubmit="return enviado()">