JavaScript – Validacija podataka sa forme

 –  aลพurirano:  –  

Jedna od osnovnih funkcija JavaScript-a je validacija ulaznih podataka sa forme, koji se dalje prosleฤ‘uju programima koji se izvrลกavaju na serveru. Ovi programi mogu biti serverski-JavaScript programi ili CGI skriptovi. Validacija je bitna zbog:

  • Smanjuje se protok prema serveru. „Loลกi ulazni podaci“ su veฤ‡ filtrirani pre nego ลกto doฤ‘u do serverskih aplikacija.
  • Smanjuje se kaลกnjenje izazvano greลกkama. U sluฤaju da nema validacije, podaci putuju do servera, tamo se izvrลกi validacija, pa se onda pogreลกni podaci ponovo vraฤ‡aju na unos.
  • Na ovaj naฤin se pojednostavljuju serverske aplikacije.
Generalno, validaciju ฤ‡ete vrลกiti u dva sluฤaja:
  1. Kada posetilac unese podatke, moลพemo da ih ispitamo kada se dogodi dogaฤ‘aj „OnChange“ i to za svaki element forme.
  2. Kada korisnik ลกalje podatke, tj. kada se dogodi „OnClick“ na dugmetu „Submit“.

Evo i primera validacije podataka na formi: 



<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function Pozitivan(s)

  {return (parseInt(s) > 0)}


function provera_kol (item, min, max)

 {

     var returnVal = false

     if (!Pozitivan(item.value))

               alert("Molimo, unesite pozitivan broj")

    else if (parseInt(item.value) < min)

               alert("Unesite " + item.name + " da bude veca od " + min)

    else if (parseInt(item.value) > max)

               alert("Unesite " + item.name + " da bude manja od" + max)

    else

               returnVal = true

               return returnVal

}

function Proveri_i_Posalji(form)

{

    if (provera_kol(form.Kolicina, 0, 999))

               {

              alert("Narudzba je poslana!")

               return true

               }

    else {

              alert("Greska, narudzba nije poslana!")

               return false

            }

}

</SCRIPT>

</HEAD>

Prva funkcija „Pozitivan“ vraฤ‡a vrednost „True“, ako je ulazna vrednost pozitivna, u suprotnom vraฤ‡a „False“. Funkcija „Provera_kol“ uzima tri argumenta: objekat „kolicina“ koji je u vezi sa elementom forme i koji treba da se proveri, i tu su joลก minimalna i maksimalna vrednost dozvoljena za vrednost „kolicine“. U stvari funkcija proverava da li se vrednost „kolicina“ nalazi u dozvoljenim granicama i ako nije, pojavljuje se Alert prozor (upozorenje). I treฤ‡a funkcija „Proveri_i_Posalji“ preuzima objekat forme kao argument (form.Kolicina), proverava ga funkcijom „provera_kol“ i ako je sve u redu, ลกalje podatke i prikazuje poruku o tome. U sluฤaju greลกke, podaci se ne ลกalju i prijavljuje se greลกka.

Pratite Krstaricu na www.krstarica.com