Saltar al contenido

Mostrar gif de carga después de hacer clic en enviar formulario usando jQuery

Hola, hemos encontrado la respuesta a tu búsqueda, continúa leyendo y la encontrarás un poco más abajo.

Solución:

los show() método sólo afecta a la display Configuración de CSS. Si desea establecer la visibilidad, debe hacerlo directamente. También el .load_button elemento es un botón y no levanta un submit evento. Tendrías que cambiar tu selector a la form para que eso funcione:

$('#login_form').submit(function() 
    $('#gif').css('visibility', 'visible');
);

También tenga en cuenta que return true; es redundante en su lógica, por lo que puede eliminarse.

Las entradas de botón no tienen un evento de envío. Intente adjuntar el controlador de eventos al formulario en su lugar:


Mejor y limpio ejemplo usando solo JS

Referencia: TheDeveloperBlog.com

Paso 1: cree su script Java y colóquelo en su página HTML.


en su formulario, llame a la función java script en el evento de envío.

Poco después de enviar el formulario, se le mostrará la imagen de carga.

Recuerda que puedes difundir esta crónica si te valió la pena.

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 3)



Utiliza Nuestro Buscador

Deja una respuesta

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