[SOLUCIONADO] Presionar 1 sola vez el boton

[yoyo_38tuzo]

Buenas tarde comunidad, quisiera saber si hay algun evento o funcion para que el formulario sea enviado una sola vez por medio de un boton, lo que pasa que hice una prueba en donde el internet es muy lento, y si pulso varias veces el boton "Enviar Formulario" me lo envia varias veces, de antemano, muchas gracias...

[Alexis88]

Cuando envías los datos del formulario a procesarse, se produce el evento submit. Lo que puedes hacer (entre las tantas otras alternativas que pueden haber) es usar una variable contadora con el cero como valor inicial, de tal modo que la primera vez que se produzca el evento, lo cancelas con el método .preventDefault() y aumentas el valor de la variable contadora en 1, luego, evalúas el nuevo valor de dicha variable y solo si es igual a 1, utilizas el método .submit() para procesar el formulario. Si se vuelve a pulsar el botón de envío, el valor de la variable contadora aumentará y ya no será igual a 1, por lo que no se volverá a enviar.

Código JavaScript:

document.addEventListener("DOMContentLoaded", function(){
    var formulario = document.querySelector("#el id del formulario"),
        contador = 0;
 
    formulario.addEventListener("submit", function(event){
        event.preventDefault(); //Cancelo el evento
 
        contador++; //Aumento el valor de la variable contadora en 1
 
        if (contador === 1){ //Si el valor de la variable contadora es igual a 1
            this.submit(); //Envío los datos del formulario a procesarse
        }
    }, false);
}, false);
 

Saludos

[yoyo_38tuzo]

Lo realice mediante la siguiente funcion, gracias...

Código Javascript:

function checkSubmit() {
    document.getElementById("btsubmit").value = "Enviando...";
    document.getElementById("btsubmit").disabled = true;
    return true;
}
 

[Alexis88]

Con eso solo deshabilitas el botón de envío, pero hay otras formas de seguir realizando el envío.