Не валидируется форма?

Question

[faleaksey]

Всем привет! Имеется форма состоящая из 4 полей ввода и кнопки! условия следующие: кнопке добавляется активный класс только в том случае, если все поля заполнены, и класс активной меняется на класс не активной если одно из полей не заполнено... валидация должна работать при вводе значений в поле а не при клике на кнопку...
вот мой потужный пример https://jsfiddle.net/tpqh2wmg/
Что я упустил?

Answer 1

[0xD34F]

$('.wrap').on('input', function(e) {
  const valid = $(this).find('.valid').get().map(el => {
    if (el === e.target) {
      $(el).toggleClass('empty', !el.value);
    }

    return el.value;
  }).every(Boolean);

  $('.btn')
    .toggleClass('btn--isvalid', valid)
    .toggleClass('btn--novalid', !valid);
});