lunes, diciembre 5, 2022

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 vez 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

<!-- 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()

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



Roy Rojashttp://www.dotnetcr.com
Con más de 20 años de experiencia en programación, experto en lenguajes .NET, VB, C#, ASP.NET, Xamarin, XCode, DBA en SQL Server. Creador de dotnetcr.com, sitio web para programadores en español. royrojas.com | dotnetcr.com | GitHub

Redes Sociales

2,736FansMe gusta
326SeguidoresSeguir

Popular esta semana

Flutter – Error: ADB exited with exit code 1

En este artículo vamos a explorar algunas posibles causas y solución al error en Flutter Error: ADB exited with exit code 1....
SQL Server - Merge

MERGE en SQL Server para Insert, Delete y Update con dos tablas

Ejemplo práctico usando MERGE para sincronizar dos tablas, Insert, Update y Delete en un solo query. Válido para SQL SERVER 2008 o superior.

Convertir String a Base64 y Base64 a String

Hemos tenido algunas consultas en estos días de cómo convertir Texto String a Base64 y viceversa, entonces decidimos hacer este pequeño ejemplo. Las funciones son...

Últimos artículos

Índices repetidos en SQL Server ¿Cómo encontrarlos?

Los índices en la base de datos SQL Server es una herramienta que nos ayuda a mejorar la respuesta de nuestras consultas,...
Flutter - Instagram Clone App

Instagram Clone App con Flutter

Marvin Stanley Valenzuela nos comparte un reto y genialidad a la vez, excelente práctica de la que podemos aprender mucho, diseñó en...

¿Cómo agregar una IP adicional en una VM Ubuntu en Azure?

Lo más común al momento de crear y configurar un nuevo servidor es que a este le asigne un solo IP, pero...
flutter one year

Después de un año con Flutter, esto es lo que aprendí

La historia comenzó cuando un día desperté pensando en tener un nuevo proyecto personal. Me dije a mí misma que hay muchas...