Удаление замораживающей панели после сбоя проверки на клиенте с использованием jQuery

У меня есть панель замораживания, которая появляется, когда пользователь отправляет форму, не позволяя им нажимать на какие-либо другие элементы управления на странице. Это отлично работает вместе с проверкой элементов управления формы из атрибутов, установленных на моем MVC Service Control.

Проблема заключается в том, что пользователь вводит адрес электронной почты с пробелом между именем учетной записи и знаком @- someName @email.com. Я получаю небольшой белый всплывающее окно, подтверждающее сообщение об ошибке, указывающее на текстовое поле электронной почты. Я предполагаю это из jQuery, потому что метод Create Control никогда не срабатывает. Большая проблема заключается в том, что панель замораживания остается на месте, поэтому вы не можете исправить проблему, пока не обновите страницу.

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

Любая помощь будет значительно исключена!

В моем классе модели у меня есть это свойство для электронной почты.

    [Required(ErrorMessage = "Email required")]
    [StringLength(125), EmailAddress(), Display(Name = "Email Address")]
    public string Email { get; set; }

И в моем контроллере у меня есть этот простой метод создания.

    [HttpPost]
    public ActionResult Create(ClientService clientservice)
    {
        if (ModelState.IsValid)
        {
            context.ClientServices.Add(clientservice);
            context.SaveChanges();

            return RedirectToAction("Completed");
        }         
            return View("Create");
    }

My Create view У меня есть этот код, который загружает частичный вид, содержащий элементы управления ввода, а также панель замораживания панели и скрипт jQuery, управляющий панелью.

   @using (Html.BeginForm()) {
   @Html.ValidationSummary(true)
   <fieldset class="user-input">
       <legend>Client Service</legend>
       <h2 class="margin-indent">How to contact -</h2><br />
    @Html.Partial("_CreateOrEdit", Model)

       <p class="margin-indent">
        <input id="pageSubmit" type="submit" value="Submit" />
    </p>
   </fieldset>
   }

   <div id="FreezePane" class="FreezePaneOff">
   <div id="InnerFreezePane" class="InnerFreezePane"> </div>
</div>

<script type="text/javascript">
$(function () {

    $('#pageSubmit').click(function (event) {
    var itemErrors = validator.numberOfInvalids();
    if (itemErrors >= 1) {
        event.preventDefault();
    } else {
        $('html,body').scrollTop(10);
        $('#FreezePane').toggleClass('FreezePaneOn');
        $('#InnerFreezePane').text("Processing...");
    }
});
</script>