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