Incluir loading mientras carga formulario, pero antes verificar campos

Buenas tardes,
Tras invertir varias horas tratando de resolver algo, vengo al foro a solicitar ayuda.
Veamos, tengo un formulario el cual tiene varias cajas para adjuntar fotos.
Me interesa poner una especie de loading por si el usuario sube fotos muy pesadas que sepa que se están cargando, por tanto ha de esperar.

Esto sé como hacerlo, el problema es que antes de enviar el formulario se realiza una verificación en los campos de NOMBRE y EMAIL, de modo que si no se han rellenado, el formulario no se envía y solicita completar estos datos mediante advertencia.

El problema que tengo es que el LOADING no debería aparecer al hacer click en ENVIAR, porque el formulario no se enviará si la verificación no es correcta.

Utilizo el evento onSubmit para llamar a la acción:

Código HTML :

onSubmit='return ray.ajax()'

Agredecería cualquier tipo de ayuda para resolver esto
Cordial Saludo

Pues en vez de llamar directamente a ray.ajax() en el evento submit, llama a otra función que verifique los campos necesarios y solo si todo está bien, llamas a ray.ajax().

Gracias DriverOp
Pero no sé en que punto llamar a la ray.ajax
Agradecería algo más de ayuda puesto que tengo conocimiento básicos
Muchas gracias.

Hay varios plugins de jquery para cosas como estas, este es el que yo más uso:

http://malsup.com/jquery/form/#file-upload

Estoy tratando por medio de una condicional

Código Javascript :

   <script language="JavaScript">
function verifForm(formulaire)
  {
  if(formulaire.email.value == "" || formulaire.Nombre.value == "")
     parent.location.href="#"; 
  else
    formulaire.submit();
    return ray.ajax()
}
</script> 

Pero no hay modo, me muestra el cargador cuando la validación no es correcta

Buenos pues ya lo tengo

Código Javascript :

<script language="JavaScript">
function verifForm(formulaire){

  if(formulaire.email.value.indexOf('@', 0) == -1 || formulaire.Nombre.value == "")
   {
   parent.location.href="#"; 
   div = document.getElementById('loaderror');
    div.style.display = '';
   }
  else
    {
   formulaire.submit();
   parent.location.href="#";
   return ray.ajax();
   }
}
</script> 

Me alegra que lo hayas resuelto.

Pero te diré que la validación que haces del correo electrónico no es correcta.

Lo sé que no es el todo correcto, puesto que con que introduzcan una arroba se da por válido.
¿Algún consejo?
gracias

Sí: http://driverop.com.ar/javascript/jstips#2