mostar un cargando mientras valida

[giotari]

tengo un formulario.. me gustaria que cuando el usuario pinche enviar deje bloqueados los campos y aparesca un cargando como informacion ... algo asi como lo que pasa cuando envio un mensaje aca (forosdelweb.com)

codigo formulario:

Código HTML:

 <center>
	    <div id="formulario" class="enviar_contacto"> 
          <FORM NAME="form" ACTION="frm_contacto.php" method="GET">
			<script LANGUAGE="JavaScript">
				function valida()
				{
				  var msg;
				  msg = "FALTA INGRESAR LOS SIGUIENTES CAMPOS\n\n";
				  if (form.titulo.value == "")
				  { 
				  msg = msg + "\t- Campo Nombre\n";
				  }
				  
				  if (form.emilio.value == "")
				  { 
				   msg = msg + "\t- Campo E-Mail\n";
				  }
				  
				  if (form.comentario.value == "")
				  { 
				   msg = msg + "\t- Campo Comentario\n";
				  }
				  
				  if (msg=="FALTA INGRESAR LOS SIGUIENTES CAMPOS\n\n")
					 {					
						return true;
					 }else{
						alert(msg); 
						form.nombre.focus();
						return false;
					 }
				}
				</script>					  		  
            <spam class="titulo">FORMULARIO DE CONTACTO</spam> <br>
            <br>
            <label> Nombre <br>
            <input name="nombre" type="text" class="caja_input" id="nombre" size="37">
            </label>
            <label> Correo Electronico <br>
            <input name="emilio" type="text" class="caja_input" id="emilio" size="37">
            </label>
            <label> Enviarme una Copia del Correo<br>
            <input type="radio" name="copia" value="S">
            </label>
            <label> SI 
            <input type="radio" name="copia" value="N">
            </label>
            <label> NO</label>
            <label><br>
            <textarea name="obs" cols="34" rows="4" wrap="VIRTUAL"  class="caja_input" id="email"></textarea>
            </label>
            <br>
            <label> Newslleter Jorge Garces<br>
            <input name="newslleter" type="checkbox" id="newslleter" value="S" checked>
            </label>
            <label> Deseo Recibir noticias del DT </label>
            <label> </label>
            <div align="right">
              <label> <br>
              <br>
              <input name="Submit" type="button" class="boton" onClick="return valida();" value="Enviar Cometario">
              </label>
            </div>
          </form>
        </div>
	  </center> 

[B**]

Lo que pasa eso que dices de forosdelweb.. es por medio de AJAX.. entonces antes de escribir sobre el div los datos de la respuesta del server (responseText)... pone en el innerHTML del div.. una etiqueta HTML... donde sale el gif de:"cargando".. luego cuando llega la peticion desde el servidor... el contenido del div.. ahora tendra los datos que llegaron... y remplaza al gif.
Pero lo tuyo es por medio de alert... lo que podrias hacer es... antes de las validaciones(pero dentro de la funcion validar).. poner una capa previamente establecida...dentro de tu HTML
<div id="cargando">
</div>
y en el JS

Código HTML:

document.getElementById('cargando').innerHTML='<img src... blabla'>;

Luego cuando valides ... ya sea que entre en un if o un else.... ocultar la capa

Código HTML:

document.getElementById('cargando').style.display="none";

Espero haberme explicado...
Saludos !