- Теория
- Теория
Свойство disabled, блокируем кнопку
Мы добавили условную конструкцию в наш скрипт, и теперь, если новый комментарий длиннее 142 символов, появляется сигнал об ошибке. Но это не мешает отправить форму и опубликовать слишком длинный комментарий. Чтобы это исправить, нужно не только добавлять класс форме, но и блокировать кнопку отправки. Если кнопка заблокирована, форму отправить не получится.
Блокировать и разблокировать кнопку в JavaScript можно, присваивая булевы значения свойству disabled
(по-английски значит «отключён») этой кнопки. Если присвоено значение true
, то кнопка заблокирована, а если false
— разблокирована.
let button = document.querySelector('button');
// Блокирует кнопку
button.disabled = true;
// Разблокирует кнопку
button.disabled = false;
За отправку нового комментария на нашем сайте отвечает кнопка с классом submit-button
. Найдём её и сохраним в переменную. После этого дополним условную конструкцию: если комментарий слишком длинный, кнопка отправки должна блокироваться. Проверим, как теперь работает форма.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.