Javscript errores formulario e-mail

[manyblue]

Como podría hacer que en un formularo de usuario add salgan los errores por separado.

FORM

Código HTML:

<div class="form-group">
      <label>E-mail</label>
      <input name="strEmail" id="strEmail" class="form-control" placeholder="e-mail">
  </div>
       <!-- Validacion -->
        <div class="alert alert-danger oculto" id="errorE-mail">
            E-mail es un campo obligatorio.
         </div>
        <!-- /.Validacion -->
        <!-- Validacion -->
          <div class="alert alert-danger oculto" id="erroremailreal">
             E-mail no parece estar bien escrito.
           </div>
        <!-- /.Validacion --> 

EL JAVASCRIPT DE VALIDACIÓN

Código:

// JavaScript Document
function validarEmail( email ) {
    expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if ( !expr.test(email) )
        return false;
else return true;
}
//////////////////////////////////////////////////////////////////////
function validarusuarioalta()
{
    valid = true;
    $("#errorE-mail").hide("slow");
    if (document.forminsertar.strEmail.value == ""){
        $("#errorE-mail").show("slow");
        valid = false;
    }
    $("#erroremailreal").hide("slow");
    if (!validarEmail(document.forminsertar.strEmail.value)){
        $("#erroremailreal").show("slow");
        valid = false;
    }
    $("#errorPassword").hide("slow");
    if (document.forminsertar.strPassword.value == ""){
        $("#errorPassword").show("slow");
        valid = false;
    }
    $("#errorNombre").hide("slow");
    if (document.forminsertar.strNombre.value == ""){
        $("#errorNombre").show("slow");
        valid = false;
    }
    return valid;
}

El problema que tengo es que si no relleno el campo E.mail, me salen los dos errores a la ves, que está vacio y que no es E-mail. Me han comentado que con un if(), pero no lo veo, de javascript no controlo mucho.
Gracias de antemano