Как сделать кнопку(disablet) или (enable) при валидации формы?

Question

[Елена]

Добрый день. У меня есть функция, которая проверяет поля ввода

function validationPopupProfile(eventTarget, spanError) {
  return () => {
    if (eventTarget.value.length === 0) {
      eventTarget.setCustomValidity("Это поле обязательно");
    } else if (eventTarget.value.length === 1 || eventTarget.value.length > 30) {
      eventTarget.setCustomValidity("Не меньше 2 и не больше 30 символов");
    } else {
      eventTarget.setCustomValidity("");
    }
    spanError.textContent = eventTarget.validationMessage;
  }
}

как мне в эту функцию записать другую функцию которая выключает кнопку?

function disablePopUpButton(button) {
  button.setAttribute('disabled', true);
  button.classList.add('popup__button_disabled');
}

Пробовала вызывать конкретную функцию в месте, где проходит условие, но это почему-то не работает

if (eventTarget.value.length === 0) {
      eventTarget.setCustomValidity("Это поле обязательно");
      disablePopUpButton(button)

если нужна песочница https://codepen.io/Ponomareva1994/pen/wvKEaRK?edit...