Header Ads Widget

Ticker

6/recent/ticker-posts

Botón de deshabilitar jQuery después de hacer clic

 Siempre usamos un botón en formato HTML para el envío. Cuando un sitio web responde lentamente al usuario después de hacer clic en el botón, el usuario hace clic varias veces en él.

Múltiples clics en el botón Enviar, envíe múltiples solicitudes al servidor para su procesamiento, lo cual no es bueno para ninguna aplicación web.

Este tutorial lo ayudará a comprender cómo evitar varios clics en el botón Enviar usando jQuery.

En este tutorial, use el botón de deshabilitar jquery después del clic y evitar que se envíe el formulario nuevamente.

Esto le ayudará a deshabilitar el botón después de hacer clic durante unos segundos. Puede cambiarlos según sus necesidades.

Demo en vivo

Veamos fragmento

HTML

<input type = 'button' id = "btn" value = "Click" />  

jQuery

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>   
<script>
$ (documento) .ready (function () {
$ ('# btn'). click (function () {
var btn = $ (this);
btn.prop ('disabled', true);
setTimeout (function () {
btn.prop ('disabled', false);
}, 5000); // habilitar después de 5 segundos
});
}); </script>

Espero que haya aprendido cómo evitar varios clics en el botón enviar en jquery. Si tiene alguna consulta sobre este tutorial, no dude en comentar.

Publicar un comentario

0 Comentarios