Форма, проверка на value, почему не работает код?
const inputs = document.querySelectorAll('.form__item');
const formBtn = document.querySelector('.form__btn');
const formBtnClose = document.querySelector('.form__btn-close');
const check = () => {
if(inputs[0].value != '' || inputs[1].value != '' || inputs[2].value != ''){
formBtn.disabled = false;
formBtnClose.disabled = false;
}else{
formBtn.disabled = true;
formBtnClose.disabled = true;
}
};
inputs[0].addEventListener('keyup', check);
inputs[1].addEventListener('keyup', check);
inputs[2].addEventListener('keyup', check);
когда я пишу - кнопка становиться активной, но когда я стираю и значение пустое - кнопка не превращается обратно в disabled, помогите пожалуйста!
<form class="form__main" action="#" method="POST">
<div class="form__inputs">
<div class="form__item form__item_email">
<input class="form__input" type="email" name="userEmail" placeholder="Email...">
<span></span>
</div>
<div class="form__item form__item_tel">
<input class="form__input " type="tel" name="userPhone" placeholder="Phone...">
<span></span>
</div>
</div>
<div class="form__item form__item_message">
<textarea name="message" class="form__textarea form__input" placeholder="Enter your message..."></textarea>
<span></span>
</div>
<div class="form__buttons">
<button class="form__btn" type="submit" disabled>submit</button>
<button class="form__btn-close" type="reset" disabled><img src="./img/icons/close.svg" alt="reset"></button>
<!-- <div class="moon"></div> -->
</div>
</form>
Ответы (1 шт):
Автор решения: Igor
→ Ссылка
Вы выбираете не те элементы.
const inputs = document.querySelectorAll('.form__input');
^^^^^