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