Розділ 4 · Завдання 4

Перевірка перед відправкою

Не даємо надіслати порожню форму — той самий if/else з Розділу 3.

Завдання

Додай перевірку JavaScript, яка не дасть відправити форму, якщо ім’я не заповнене:

index.html

<form action="https://api.web3forms.com/submit" method="POST" onsubmit="return checkForm()">
  ...
</form>

<script>
  function checkForm() {
    let name = document.getElementsByName("name")[0].value;
    if (name === "") {
      alert("Будь ласка, введи ім’я перед відправкою!");
      return false;
    }
    return true;
  }
</script>

Як це читати

onsubmit="return checkForm()" — «перед відправкою форми запусти цю функцію».

return false; — «зупини відправку» (форма не піде нікуди). return true; — «все гаразд, відправляй».

Це той самий if/else, який ти вже знаєш з Розділу 3, урок 6 — просто тепер він контролює не текст на сторінці, а саму відправку форми.

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща