diff --git a/js/rezervacija.js b/js/rezervacija.js index e69de29..b8416ac 100644 --- a/js/rezervacija.js +++ b/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 + } +}); \ No newline at end of file diff --git a/rezervacija.html b/rezervacija.html index bb5f3db..afef450 100644 --- a/rezervacija.html +++ b/rezervacija.html @@ -67,8 +67,12 @@