nareto preverjanje tel stevilke

js/rezervacija.js

@@ -4,6 +4,8 @@ const ime = document.querySelector("#ime-priimek");
 const napakaIme = document.querySelector("#napaka-ime");
 const email = document.querySelector("#email");
 const napakaEmail = document.querySelector("#napaka-email");
+const telefon = document.querySelector("#telefon-st");
+const napakaTelefon = document.querySelector("#napaka-telefon");
 
 function preveriIme() { // Preveri, ali sta ime in priimek pravilno vnesena.
     const vrednost = ime.value.trim(); //odstrani presledke na zacetku in koncu
@@ -38,21 +40,37 @@ function preveriEmail() {
     }
 }
 
-function preveriTelefon () {
+function preveriTelefon (){
+    const vrednost = telefon.value.trim();
+    const vzorec = /^0\d{2} ?\d{3} ?\d{3}$/;
 
+    if (!vzorec.test(vrednost)) {
+        napakaTelefon.textContent = "Vnesite veljavno telefonski številko.";
+        telefon.classList.add("napacno");
+        return false;
+    }
+
+    else {
+        napakaTelefon.textContent = "";
+        telefon.classList.remove("napacno");
+        return true;
+    }
 }
 
+
 // Preverjanje med tipkanjem
 ime.addEventListener("input", preveriIme); //funkcija se opravi ko zacnemo pisati v ime, se zacne izvajati funkcija
 email.addEventListener("input", preveriEmail);
+telefon.addEventListener("input", preveriTelefon);
 
 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();
+    const telefonPravilno = preveriTelefon();
 
-    if (imePravilno && emailPravilno) {
+    if (imePravilno && emailPravilno && telefonPravilno) {
             //se  morem preveriti ostale vrednosti
     }
 });