验证时突出显示表单字段

Question

我正在创建接受电子邮件地址的联系表格。如果有效，它会以绿色突出显示电子邮件字段，即。包含“@”符号，否则为红色。 但我没有得到输出。请查找附件代码以供参考。

$(document).ready(function () {
  $("#contact form").on("submit", function (e) {
    e.preventDefault();
    var $form = $(e.currentTarget),
      $email = $form.find("#contact-email"),
      $button = $form.find("button[type=submit]");

    if ($email.val().indexOf("@") == -1) {
      vaca = $email.closest("form-group");
      $email.closest(".form-group").addClass("has-error");
    } else {
      $form
        .find(".form-group")
        .addClass("has-success")
        .removeClass("has-error");
      $button.attr("disabled", "disabled");
      $button.after("<span>Message sent. We will contact you soon.</span>");
    }
  });
});