</> Praktum

Главная / JavaScript / Текст ошибки в заранее готовом месте

Урок 23 · JavaScript

Абзац ошибки уже есть в разметке

Ошибку лучше писать в элемент, который был в HTML, а не создавать новый при каждом промахе.

Почему это следующий шаг

Проверка уже останавливает отправку. Человеку нужен текст, не только тишина в консоли.

Как сделать

В разметке оставь пустой p с id. Скрипт пишет в textContent причину или очищает его пустой строкой. textContent не вставит чужой тег, если в тексте ошибки окажутся символы < и >. После успешной проверки текст ошибки сотри, иначе старое предупреждение останется рядом с успехом.

errorText.textContent = "Имя короче двух букв";
errorText.textContent = "";

Что проверить

  • При ошибке абзац объясняет, что исправить.
  • При успехе старый текст ошибки исчезает.
  • В абзаце нет вставленного HTML.

Попробуй

Покажи ошибку под полем и сотри её, когда имя стало достаточно длинным.