Zabrana slanja forme u JavaScript-u

Po potrebi se može zabraniti slanje forme. To se radi preko već poznate metode preventDefault. Pogledajmo na primeru.

Neka imamo sledeću formu:

public/form.html<form action="/handler/" method="POST">
  <input name="test1">
  <input name="test2">
  <input type="submit">
</form>

Dobijamo referencu na nju u promenljivu:

public/script.jslet form = document.querySelector('form');

Slanje forme se može uhvatiti preko događaja submit:

public/script.jsform.addEventListener('submit', function() {
  
});

Zabranimo sada slanje forme:

public/script.jsform.addEventListener('submit', function(event) {
  event.preventDefault();
});
Задание 1

Data je forma sa input poljem. Pri pokušaju slanja proverite da li je u input uneta validna email adresa. Ako nije - zabranite slanje forme i prikažite poruku o tome.