Mostrar una imagen Loading

[ZeThito]

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:

<img src="images/global/ajax-loader.gif" style="display: none;" id="loading" alt="cargando...">
 

Código Javascript:

<script type="text/javascript">
$('#formID').submit(function() {
    $('#loading').show(); // show animation
    return true; // allow regular form submission
});
</script>
 

[ZeThito]

Logre encontrar una solución sencilla para esto :

Código Javascript:

success: function(form) {           
                    $('button').click(function(){
                        $('#cargando').show();
                        $('button').attr("disabled", true); 
                    });
                }
 

Saludos.