diff --git a/js/rezervacija.js b/js/rezervacija.js index b8416ac..53a131d 100644 --- a/js/rezervacija.js +++ b/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 } }); \ No newline at end of file