|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
02.09.2021, 15:02 | #1 |
Новичок
Джуниор
Регистрация: 02.09.2021
Сообщений: 4
|
Необходимо написать код, который делает кнопку "Log in" активной, только если в поля username и password введены строки не меньше 6 символов длиной. При отправке формы (нажатии Enter или кно
На странице есть верстка:
<form> <input type="text" name="username" /> <input type="text" name="password" /> <input type="submit" value="Log in" disabled /> </form> Указания: Использовать событие "change" или "keyup" для отслеживания длины строк. Событие change срабатывает у элемента input, когда пользователь меняет в нем текст, а затем меняет фокус на другой элемент (например, кликнуть куда-то вне страницы, или перемещается на другой input. Событие keyup срабатывает у элемента input всякий раз когда пользователь нажимает и затем отпускает кнопку на клавиатуре при вводе текста в это текстовое поле. Пример: const el = document.querySelector('input[name="username"]'); el.addEventListener('keyup', () => { console.log('some key was pressed and released'); }); Активность элемента изменять через свойство элемента disabled. Чтобы элемент перестал быть активным, устанавливаете его true. Чтобы вновь стал активным - обратно в false. const el = document.querySelector('button'); el.disabled = true; // элемент "выключится" el.disabled = false; // вновь "включится" Обязательно нужно использовать событие submit для формы. Нельзя использовать событие click по кнопке "Log in". При этом вам надо будет использовать preventDefault, чтобы страница не перезагружалась |
02.09.2021, 15:26 | #2 |
МегаМодератор
СуперМодератор
Регистрация: 09.11.2010
Сообщений: 7,291
|
Вопросы по всем четырем вашим темам: что именно не получается, какие конкретно вопросы, где наработки или попытки решения?
Пишите язык программирования - это форум программистов, а не экстрасенсов. (<= это подпись )
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Необходимо написать скрипт, который при нажатии кнопки "+" добавляет в контейнер новый <div> с классом element и текстом Element | billiejean78 | JavaScript, Ajax | 2 | 08.09.2021 17:56 |
Необходимо написать "таймер", который будет запускаться при нажатии кнопки "Start", приостанавливаться на "Pause", и сбрасываться на "Reset" | billiejean78 | JavaScript, Ajax | 1 | 03.09.2021 08:58 |
[РЕШЕНО] При отправке данных из формы, (при нажатии кнопочки "Отправить") из фрейма пропадает буквально все. И поля , и названия полей, и фон, остается чистое, белое поле | Gronik | HTML и CSS | 8 | 07.10.2018 00:16 |
Нужно пояснить/прокомментировать код программы, или коды функций "Добавить" "Удалить" "Обновить(редактировать" "Поиск" "Период") | ZIRASS | PHP | 4 | 15.06.2016 14:23 |
если пользователь наберет какой-то другой символ не "y" или "n" и нажмет enter, программа проигнорирует | skobets | Общие вопросы C/C++ | 2 | 03.06.2008 06:51 |