Проверить действительный адрес электронной почты перед запуском оставшегося javascript

У меня есть текстовое поле, в которое пользователь должен ввести действительный адрес электронной почты.

Когда пользователь отправляет действительный адрес электронной почты, появляется загружаемое изображение, а данные отправляются обратно.

Приведенный ниже код отлично подходит для отображения графика загрузки, но он не проверяет правильность адреса электронной почты в первую очередь. Может ли кто-нибудь помочь?

$('#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");
});

Я думаю, мне нужно поместить оператор if вокруг функции, которая запускается при щелчке мышью - примерно так:

$('#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");
  }
});

Я использую проверку электронной почты asp.net - это выглядит примерно так:

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