Как сделать кнопку неактивной если инпуты не прошли валидацию?

Question

[ceo444]

Всем привет! Изучаю JS, сейчас прохожу тему валидация. Не могу разобраться как сделать кнопку "Создать" неактивной изначально, тк при открытии попапа поля там пустые.



https://codepen.io/Paulceo/pen/yLpqGXQ

Answer 1

[WapSter]

https://webref.ru/html/button/disabled

Comments

[ceo444]

У меня этот атрибут прописан в функции и он работает когда значения на проходят валидность, но мне нужно чтобы у попапа с кнопкой создать она была отключена при открытии, тк там пустые поля.

[Сергей Соколов]

ceo444, при открытии тоже запустите валидацию, не дожидаясь событий ввода.

[ceo444]

Сергей Соколов, добавил но выдает такую ошибку

function openPhotoAddForm() {
openPopup(popUpPhoto);
isValid(formElement, inputElement);
}

[ThunderCat]

ceo444,

но мне нужно чтобы у попапа с кнопкой создать она была отключена при открытии, тк там пустые поля.

не проще сразу задать кнопке дизэйблед? При валидации вы просто удалите атрибут.