Saltar al contenido

Cómo evitar que los usuarios envíen un formulario dos veces

Solución:

Una vez que se envía el formulario, adjunte un controlador con jQuery que secuestra y “deshabilita” el controlador de envío:

var $myForm = $("#my_form");
$myForm.submit(function(){
    $myForm.submit(function(){
        return false;
    });
});

Devolver “falso” del controlador de envío evitará que se envíe el formulario. La desactivación de botones puede tener efectos extraños sobre cómo se maneja el formulario. Este enfoque parece carecer básicamente de efectos secundarios y funciona incluso en formularios que tienen varios botones de envío.

prueba este código …

<input type="submit" name="btnADD" id="btnADD" value="ADD" onclick="this.disabled=true;this.value="Sending, please wait...";this.form.submit();" />

Puede desactivar el botón después de hacer clic u ocultarlo.

<input type="submit" name="btnADD" id="btnADD" value="ADD" onclick="disableButton(this)"/>

js:

 function disableButton(button) {
     button.disabled = true;
     button.value = "submitting...."
     button.form.submit();
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *