Шаг 28: Работа с формами и валидация

submit, preventDefault, проверка полей. Это нужно для анкет и регистрации.

Код примера

<form id="regForm">
  <input type="text" id="userName" placeholder="Имя" required>
  <button type="submit">Отправить</button>
</form>
<p id="msg"></p>
<script>
  document.getElementById("regForm").addEventListener("submit", e => {
    e.preventDefault();
    const name = document.getElementById("userName").value.trim();
    if (name) {
      document.getElementById("msg").textContent = "Привет, " + name + "! Данные приняты (эмуляция).";
    }
  });
</script>