urejeno preverjanje emaila

js/rezervacija.js

@@ -1,7 +1,9 @@
-// Pridobivanje HTML elementov
+// Pridobivanje HTML elementov querySelector izbere prvi element s tem classom ali id-jem
 const obrazec = document.querySelector("#obrazec_rezervacija");
 const ime = document.querySelector("#ime-priimek");
 const napakaIme = document.querySelector("#napaka-ime");
+const email = document.querySelector("#email");
+const napakaEmail = document.querySelector("#napaka-email");
 
 function preveriIme() { // Preveri, ali sta ime in priimek pravilno vnesena.
     const vrednost = ime.value.trim(); //odstrani presledke na zacetku in koncu
@@ -19,15 +21,38 @@ function preveriIme() { // Preveri, ali sta ime in priimek pravilno vnesena.
     }
 }
 
+
+function preveriEmail() {
+    const vrednost = email.value.trim(); //spet odstranim presledke na zacetku in koncu
+    const vzorec = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; //definiramo kako mora izgledati mail; ^ pomeni besedilo, [^\s@]- pomeni da je to besedilo 1 ali vec znakov ki niso @ ali presledek, @[^\s@]- zahteva obvezno @ in za tem znakom vsaj 1 znak ki ni presledek ali @, \. - obvezna pika, za piko spet besedilo ki ni oresledek ali @, $ pomeni konec besedila
+    // ce nek eklement ustreza vzorcu, vzprec=true, drugace pa false
+    if (!vzorec.test(vrednost)) { //ce je vrednost vzorca NE true= torej false
+        napakaEmail.textContent = "Vnesite veljaven e-poštni naslov."; //izpise se span
+        email.classList.add("napacno");
+        return(false);
+    }
+    else {
+        napakaEmail.textContent = "";
+        email.classList.remove("napacno");
+        return(true);
+    }
+}
+
+function preveriTelefon () {
+    
+}
+
 // Preverjanje med tipkanjem
 ime.addEventListener("input", preveriIme); //funkcija se opravi ko zacnemo pisati v ime, se zacne izvajati funkcija
+email.addEventListener("input", preveriEmail);
 
 obrazec.addEventListener("submit", function(event) { //ko oddamo funkcijo se izvede preverjanje
     event.preventDefault(); //preprecimo default preverjsnje ob submitu
 
     const imePravilno = preveriIme(); //elementu imePravilno dodamo vrednost true/false
+    const emailPravilno = preveriEmail();
 
-    if (imePravilno) {
+    if (imePravilno && emailPravilno) {
             //se  morem preveriti ostale vrednosti
     }
 });