dodana funkcija za preverjanje ime in priimek v rezervaciji

js/rezervacija.js

@@ -0,0 +1,33 @@
+// Pridobivanje HTML elementov
+const obrazec = document.querySelector("#obrazec_rezervacija");
+const ime = document.querySelector("#ime-priimek");
+const napakaIme = document.querySelector("#napaka-ime");
+
+function preveriIme() { // Preveri, ali sta ime in priimek pravilno vnesena.
+    const vrednost = ime.value.trim(); //odstrani presledke na zacetku in koncu
+    const besede = vrednost.split(/\s+/); //razreze ime pri presledkih da dobimo tabelo (array)
+
+    if (besede.length !== 2 || besede[0].length < 2 || besede[1].length < 2) { //ce tabela nima dveh elementov, ali ima vsak element vsaj dve crki
+        napakaIme.textContent = "Vnesite ime in priimek, vsak naj vsebuje vsaj dve črki."; //ce je if true izpise napako
+        ime.classList.add("napacno"); //v tem primeru id-ju ime-priimek doda napacno
+        return false; //in nam vrne kot rezultat funkcije false
+    }
+    else {
+        napakaIme.textContent = ""; //ce ni napak se span ne izpise
+        ime.classList.remove("napacno"); //odstrani se napacno pri id ime-priimek
+        return true; //vrne funkcija true
+    }
+}
+
+// Preverjanje med tipkanjem
+ime.addEventListener("input", preveriIme); //funkcija se opravi ko zacnemo pisati v ime, se zacne izvajati funkcija
+
+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
+
+    if (imePravilno) {
+            //se  morem preveriti ostale vrednosti
+    }
+});

rezervacija.html

@@ -67,8 +67,12 @@
             </fieldset>
             <fieldset  class="field_rezervacija">
                 <legend>Osebni podatki:</legend>
-                Ime in priimek
+                <label for="ime-priimek">Ime in priimek</label>
-                <input type="text" id="ime-priimek" name="ime-priimek" placeholder="Neža Novak" required>
+                <div class="vnos_rezervacija">
+                    <input type="text" id="ime-priimek" name="ime-priimek"
+                        placeholder="Neža Novak" required>
+                    <span class="sporocilo_napake" id="napaka-ime"></span> <!span bo prostor kjer se bodo izpisale napake!>
+                </div>
                 E-poštni naslov
                 <input type="email" id="email" name="email" placeholder="neza.novak@primer.si" required>
                 Telefonska številka