Почему кнопка валидна?

Question

[Александр Дороганов]

Есть код, делающий кнопку невалидной, если введенные данные не соответствуют условию

const hasInvalidInput = (inputList) => {
    return inputList.some(inputElement => !inputElement.validity.valid);
}
const toggleButtonState = (buttonElement, inputList) => {
if (hasInvalidInput(inputList)) {
buttonElement.disabled = true;
}
else {
    buttonElement.disabled = false;
}
}
const InputList = Array.from(formElement.querySelectorAll('.form__input'));
    const buttonElement = formElement.querySelector('.form__btn')

У form__btn есть псевдокласс form__btn:disabled, который почему-то как-будто не видется

Comments

[WbICHA]

У мен вопрос. Зачем это извращение?

if (hasInvalidInput(inputList)) {
buttonElement.disabled = true;
}
else {
    buttonElement.disabled = false;
}

Когда можно сделать так:

buttonElement.disabled = hasInvalidInput(inputList)

[WbICHA]

И где вызов toggleButtonState?

[Александр Дороганов]

WbICHA,

InputList.forEach((inputElement) => {
        inputElement.addEventListener('input', () => {
            checkInputValidity(formElement, inputElement);
            toggleButtonState(buttonElement, inputList)
        })
    })
    toggleButtonState(buttonElement, inputList)
}

[ProjectSoft]

Александр Дороганов, и.....?
Пробежались вы по инпутам, а дальше? Если ввёл что-то, то когда снова пробежка?
Пустой инпут - ни факт, что не пройдёт валидацию.