Evitar el reenvio de formularios mediante JavaScript
Para evitar esto lo que podemos hacer es un JavaScript que nos valide las veces que se selecciona un botón.
Un formulario normal se vería así
Y al oprimir por segunda ves el botón sin que la información fuese enviada, el formulario se vería así.
En el JavaScript vamos a crear una funcion “Enviado” la cual va a validar las veces que se envian los datos.
Dentro de las etiquetas <head> copiamos el código JavaScript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!-- Copiar dentro del tag HEAD --> <script LANGUAGE="JavaScript"> <!-- var cuenta=0; function enviado() { if (cuenta == 0) { cuenta++; return true; } else { alert("El siguiente formulario ya ha sido enviado, muchas gracias."); return false; } } // --> </script> |
Dentro del <body> creamos el formulario, y en el evento onSubmit invocamos la funcion JavaScript enviado()
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<form method="post" action="proceso.aspx" onSubmit="return enviado()"> <div align="center"> <center> <table border="0"> <tr> <td width="20%">Nombre: </td> <td width="80%"><input type="text" name="name"></td> </tr> <tr> <td width="20%">E-mail: </td> <td width="80%"><input type="text" name="email"></td> </tr> </table> </center> </div> <p> <input type="submit" value="Enviar"> </p> </form> |
8 comments
Anónimo - October 6, 2006 9:18 am
Creo que este articulo presenta la solución de un problema un poco general html y no una problematica .NET especificamente. Sería bueno que presentaran la misma solucion para un formulario .NET que ademas utilice validadores.
Anónimo - September 24, 2007 10:57 pm
para una llamada calback si esta vien tu ejemplo
Anónimo - May 21, 2008 6:36 pm
En la siguiente liga esta expuesto esta misma necesidad y cuya funcionalidad trabaja perfectamente para formularios asp.net.
http://msmvps.com/blogs/anguslogan/archive/2004/12/22/27223.aspx
Anónimo - January 28, 2010 10:12 pm
esta bueno el ejemplo
Anónimo - February 5, 2010 7:38 am
Lo que necesitaba
Anónimo - February 5, 2010 11:51 am
me alegra haberte ayudado.
espero q nos sigas visitando
Anónimo - April 28, 2010 9:55 pm
buen ejemplo
Anónimo - June 11, 2010 8:25 pm
ahora esto se puede hacer mediante jquery en una forma mucho mas sencilla. aun asi buen ejemplo