• Теория
  • Теория

Свойство disabled, блокируем кнопку

Мы добавили условную конструкцию в наш скрипт, и теперь, если новый комментарий длиннее 142 символов, появляется сигнал об ошибке. Но это не мешает отправить форму и опубликовать слишком длинный комментарий. Чтобы это исправить, нужно не только добавлять класс форме, но и блокировать кнопку отправки. Если кнопка заблокирована, форму отправить не получится.

Блокировать и разблокировать кнопку в JavaScript можно, присваивая булевы значения свойству disabled (по-английски значит «отключён») этой кнопки. Если присвоено значение true, то кнопка заблокирована, а если false — разблокирована.

let button = document.querySelector('button');

// Блокирует кнопку
button.disabled = true;

// Разблокирует кнопку
button.disabled = false;

За отправку нового комментария на нашем сайте отвечает кнопка с классом submit-button. Найдём её и сохраним в переменную. После этого дополним условную конструкцию: если комментарий слишком длинный, кнопка отправки должна блокироваться. Проверим, как теперь работает форма.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Коллекции и свойства элементов» тренажёра «Знакомство с JavaScript» можно после регистрации и оформления подписки.