Tengo un cuadro de texto en el que el usuario debe insertar una dirección de correo electrónico válida.

Cuando el usuario envía una dirección de correo electrónico válida, aparece un gráfico de carga mientras se vuelven a publicar los datos.

El siguiente código funciona bien para mostrar el gráfico de carga, pero no comprueba que la dirección de correo electrónico sea válida primero. ¿Alguien puede ayudar?

$('#btnEmail1Submit').live ("click", function() {
   $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
   $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" /></div>').appendTo(".emailEditContainer");
});

Estoy pensando que necesito poner una declaración if alrededor de la función que se ejecuta al hacer clic, así que algo como:

$('#btnEmail1Submit').live ("click", function() {
  if(emailvalid == true) {   
    $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
    $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" /></div>').appendTo(".emailEditContainer");
  }
});

Estoy usando la validación de correo electrónico asp.net - se ve más o menos así:

<asp:RegularExpressionValidator Display="Dynamic" ValidationGroup="PrimarySubmit" ID="RegularExpressionValidator1" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="tbEmail1" ErrorMessage="Invalid email address - " />