Урок 23 · JavaScript
Абзац ошибки уже есть в разметке
Ошибку лучше писать в элемент, который был в HTML, а не создавать новый при каждом промахе.
Почему это следующий шаг
Проверка уже останавливает отправку. Человеку нужен текст, не только тишина в консоли.
Как сделать
В разметке оставь пустой p с id. Скрипт пишет в textContent причину или очищает его пустой строкой. textContent не вставит чужой тег, если в тексте ошибки окажутся символы < и >. После успешной проверки текст ошибки сотри, иначе старое предупреждение останется рядом с успехом.
errorText.textContent = "Имя короче двух букв";
errorText.textContent = "";Что проверить
- При ошибке абзац объясняет, что исправить.
- При успехе старый текст ошибки исчезает.
- В абзаце нет вставленного HTML.
Попробуй
Покажи ошибку под полем и сотри её, когда имя стало достаточно длинным.