Add remove class on form focus and blur

PHOTO EMBED

Sun Sep 24 2023 12:34:11 GMT+0000 (Coordinated Universal Time)

Saved by @sagarmaurya19

window.addEventListener('load', function () {
  $(".hs-form .hs-form-field .hs-input").focus(function () {
    $(this).parent().parent().removeClass("blured");
    $(this).parent().parent().addClass("focused");
  }).blur(function () {
    $(this).parent().parent().removeClass("focused");
    $(this).parent().parent().addClass("blured");
  });

  $('.hs-form .hs-form-field .hs-input').on('keyup keydown', function () {
    if ($(this).val() !== "") {
      $(this).parent().parent().removeClass("blank");
      $(this).parent().parent().addClass("filled");
    }
    else {
      $(this).parent().parent().removeClass("focused");
      $(this).parent().parent().addClass("blank");
    }
  });
  $('.hs-form .hs-form-field .hs-input').blur(function () {
    if ($(this).val() == "") {
      $(this).parent().parent().removeClass("filled");
      $(this).parent().parent().addClass("blank");
    }
  });
});
content_copyCOPY