Hola amigos, estoy construyendo un sitio web para que la gente publique anuncios gratis.
http://www.publicalibre.cl/
Pero tengo una duda de cómo implementar una imagen Cargando... al momento de pinchar en el botón Confirmar para simular un Cargando.
Por qué muchos usuarios hacen más de dos click en el botón Confirmar creyendo que este no está haciendo nada.
Muestro el formulario de registro de anuncios:
http://www.publicalibre.cl/publicar.html
Al final del formulario aparece el botón Confirmar y quisiera que al momento de presionar este botón, aparezca al lado una imagen .gif simulando la carga.
Sucede que al subir una imagen el formulario demora un poco.
Bueno obviamente después de ingresar todos los campos requeridos (Validación jQuery) Al hacer click en Confirmar aparezca el Cargando... para después por método POST valla a enviar.php
Dejo el pequeño código que realice :
Código HTML:
Ver original<img src="images/global/ajax-loader.gif" style="display: none;" id="loading" alt="cargando...">
Código Javascript
:
Ver original<script type="text/javascript">
$('#formID').submit(function() {
$('#loading').show(); // show animation
return true; // allow regular form submission
});
</script>