squadbrodyaga
@squadbrodyaga

Как сделать заблокированный button если Input пустой?

Кто может подсказать скрип, из-за которого кнопка будет disabled, если все три поля input будут пустые и наоборот, если все поля заполнены, то кнопка станет enabled. У меня получилось, но но я случайно удалил весь свой код.

Раньше мой код для одного поля выглядел примерно так, но этот код не работает
let mail = document.querySelector("#email");
let button = document.querySelector("#button");

mail.addEventListener("#email", ButtonED);

function ButtonED(){
	if (mail.value == ""){
		button.disabled = true;
	} else {
		button.disabled = false;
	}
}
ButtonED()
  • Вопрос задан
  • 172 просмотра
Решения вопроса 3
0xD34F
@0xD34F Куратор тега JavaScript
const inputs = [...document.querySelectorAll('input')];
const onInput = () => document.querySelector('button').disabled = inputs.every(n => !n.value);
inputs.forEach(n => n.addEventListener('input', onInput));
onInput();
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега JavaScript
Dance Gavin Dance - Prisoner
Примерно так:



Но можно сделать аккуратнее.
Ответ написан
wapster92
@wapster92 Куратор тега JavaScript
"#email"
что это за событие такое?
let mail = document.querySelector("#email");
let button = document.querySelector("#button");

mail.addEventListener("input", ButtonED);

function ButtonED(){
  if (mail.value == ""){
    button.disabled = true;
  } else {
    button.disabled = false;
  }
}
ButtonED()
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 сент. 2020, в 17:57
900 руб./за проект
19 сент. 2020, в 17:42
500 руб./за проект
19 сент. 2020, в 17:27
500 руб./за проект