Урок 22 · JavaScript

Остановить отправку, если поле пустое

Браузер уже умеет required. Свой скрипт нужен, когда правило твоё: имя короче двух букв или не выбрана галочка согласия.

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

Макет проверен. Теперь действие на странице: форма не уходит с пустым именем.

Как сделать

На submit вызови preventDefault. Прочитай значение поля через trim. Если длины не хватает, выйди из функции и покажи это в консоли или в заранее пустом абзаце. Отправляй форму только после проверки. Не очищай поле до того, как человек увидел ошибку.

form.addEventListener("submit", (event) => {
  event.preventDefault();
  const name = nameInput.value.trim();
  if (name.length < 2) return;
});

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

• Пустое имя не проходит проверку.
• Имя из двух букв проходит.
• Страница не перезагружается на ошибке.