[SOLUCIONADO] Cómo evitar reenviar un formulario?

[berkeleyPunk]

Estoy aprendiendo JavaScript y ahora hago 1 prueba d cómo evitar reenviar 1 formulario. Tengo 2 funciones. Una valida el formu, y lo hace bien. La otra evita reenviarlo pero no funciona. (Sí funciona si la empleo sin emplear la otra función). Cuando acaba la primera, que es la de validación, llamo a la otra, que debería evitar reenviar el formulario. He hecho pruebas y sin duda que el intérprete lee la función que evita que el formulario se reenvíe, pero no le hace caso al RETURN FALSE que se supone debería cancelar el reenvío, y lo envía de todas formas.

He aquí la función en cuestión:

<script type="text/javascript">
var envios = 0;
function evitarReenvio()
{
if (envios == 0)
{
envios++;
alert("En este momento envías el formulario");
return true;
}
else
{
alert("Tu formulario ya ha sido enviado\nGracias");
return false;
}
}
</script>

[emprear]

Y que tal si ponés el html completo.
cual es la otra función?
como llamás las funciones?
que querés evitar, el envío o el reenvío?
Saludos

[berkeleyPunk]

Iniciado por emprear

Y que tal si ponés el html completo.
cual es la otra función?
como llamás las funciones?
que querés evitar, el envío o el reenvío?
Saludos

He aquí el script completo:
<script language="javascript" type="text/javascript">

// Aquí la función que valida el formulario (sólo se asegura que el usuario no mande formulario vacío).
function validar()
{
nombre = document.forms[0].elements[0].value;
edad = document.forms[0].elements[1].value;
sexoH = document.forms[0].elements[2].checked;
sexoM = document.forms[0].elements[3].checked;

if (nombre == "")
{
document.getElementById("error1").style.visibility = "visible";
return false;
}
else document.getElementById("error1").style.visibility = "hidden";
if (edad == "")
{
document.getElementById("error2").style.visibility = "visible";
return false;
}
else document.getElementById("error2").style.visibility = "hidden";
if (sexoH == false && sexoM == false)
{
document.getElementById("error3").style.visibility = "visible";
return false;
}
else
{
document.getElementById("error3").style.visibility = "hidden";
}
evitarReenvio();
}
// Aquí la función de evitar reenvío.
var envios = 0;
function evitarReenvio()
{
if (envios == 0)
{
envios++;
alert("En este momento envías el formulario");
return true;
}
else
{
alert("Tu formulario ya ha sido enviado\nGracias");
return false; // <---- Y este RETURN FALSE no funciona, no cancela el reenvío!
}
}
</script>

Y aquí el HTML:

<form action="mailto:[email protected]" method="post" enctype="text/plain" onsubmit="return validar()">
<b>Nombre</b><br />
<input type="text" />
<b id="error1">El campo no puede ir vacío</b><br /><br />

<b>Edad</b><br />
<input type="text" />
<b id="error2">El campo no puede ir vacío</b><br /><br />

<b>Sexo</b><br />
<input type="radio" name="bola" />
<input type="radio" name="bola" />
<b id="error3">Debes elejir una opción</b>
<br />
<br />
<br />
<input type="reset" />
<input type="submit" />
</form>

[berkeleyPunk]

Perdón maestro EMPREAR, se me olvido poner el CSS, que resulta indispensable:

<style type="text/css">
#error1, #error2, #error3 {visibility:hidden; color:red;}
</style>

[emprear]

Es algo complicado lo que hiciste, de todas maneras si es para practicar, viene bien.

Te explico, cuando llamás una función con return, se espera una respuesta de la misma, de hecho vos hacés, onsubmit="return validar()".
Como en los errores devuelve false, se cancela la ejecución. Cuando llamás evitarReenvio(), es lo mismo, por lo tanto debés llamarla con
return evitarReenvio(); desde validar(), y ahi si, si le da 2 veces al boton enviar(habiendo completado todos los campos por supuesto), va a recibir el último mensaje ya que envios > 0 y el último return false; va a prevenir que se ejecute el mailto nuevamente

Saludos

[berkeleyPunk]

Iniciado por emprear

Es algo complicado lo que hiciste, de todas maneras si es para practicar, viene bien.

Te explico, cuando llamás una función con return, se espera una respuesta de la misma, de hecho vos hacés, onsubmit="return validar()".
Como en los errores devuelve false, se cancela la ejecución. Cuando llamás evitarReenvio(), es lo mismo, por lo tanto debés llamarla con
return evitarReenvio(); desde validar(), y ahi si, si le da 2 veces al boton enviar(habiendo completado todos los campos por supuesto), va a recibir el último mensaje ya que envios > 0 y el último return false; va a prevenir que se ejecute el mailto nuevamente

Saludos

Ahora tengo prisa, voy a la Universidad a recoger unos papeles de mi titulación. Pero regreso y voy a tratar de hacer lo que me dices, maestro EMPREAR. Me salga bien o no la prueba, regreso y comento el resultado.

[emprear]

Iniciado por berkeleyPunk

Ahora tengo prisa, voy a la Universidad a recoger unos papeles de mi titulación. Pero regreso y voy a tratar de hacer lo que me dices, maestro EMPREAR. Me salga bien o no la prueba, regreso y comento el resultado.

ok, pero ya deja eso de MAESTRO, a ver si me lo termino creyendo

[berkeleyPunk]

Iniciado por emprear

ok, pero ya deja eso de MAESTRO, a ver si me lo termino creyendo

Eso! Le puse RETURN a la llamada de la función evitarReenvio() y por fin funcionó!

Qué cosa esta de la programación! Que con sólo un caracter o una palabra, todo falla!

Gracias EMPREAR. Como ves, aún soy un principiante en JavaScript. En el futuro, cuando me salga una nueva duda (que seguro saldrá), regreso. Así que no salgas del país.

Así, supongamos que nadie tenga acceso a nuestras imágenes, excepto los siguientes sitios:
instalaciones electricas
mantenimiento industrial
naves industriales
obra civil
proyecto llave en mano
sistemas contra incendios
subestaciones electricas
constructoras
hvac