Удаление класса после фокуса?

Question

[narkesss]

Суть дела такова,
Как при фокусе лейблу задать класс, если поле пустое удалить, а если заполненое оставить

<div class="customer-input-box customer-field--left">
            <label  class="customer-input-lbl " for="FirstName">First name</label>
            <input class="customer-field js-change-lbl " type="text" name="customer[first_name]" id="FirstName" {% if form.first_name %}value="{{ form.first_name }}"{% endif %}>
          </div>

          <div class="customer-input-box customer-field--right">
            <label  class="customer-input-lbl" for="LastName">Last name</label>
            <input class="customer-field js-change-lbl" type="text" name="customer[last_name]" id="LastName" {% if form.last_name %}value="{{ form.last_name }}"{% endif %}>
          </div>

          <div class="customer-input-box">
            <label  class="customer-input-lbl" for="Email">Email</label>
            <input class="customer-field js-change-lbl {% if form.errors contains 'email' %} input--error{% endif %}" type="email" name="customer[email]" id="Email"  {% if form.email %} value="{{ form.email }}"{% endif %} autocorrect="off" autocapitalize="off">
            {% if form.errors contains 'email' %}
              <div class="customer-input-error">Invalid email</div>
            {% endif %}
          </div>

Answer 1

[Иван Иванов]

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

Первая: если на нужном элементе фокус

$( "#target" ).focus(function() {
  alert( "Handler for .focus() called." );
});

Вторая: добавить удалить класс у элемента

$("p").last().addClass("selected");
  $("p").last().removeClass("selected");

Третья проверить инпут на пустоту.

if(document.getElementById("name").value === '') {
    alert("!!!");
}