jQuery validacija formi

Ukoliko validacija na nekom polju nije uspešna, jQuery dodatak za validaciju će dodati labelu pored tog polja sa klasom “error”, koju ukoliko želimo možemo posebno da stilizujemo. U osnovnom podešavanju tekst greške biće ispisan crvenim slovima i lako je uočljiv. Poruke za grešku u osnovnom podešavanju su na engleskom jeziku, stoga je potrebno poruke za grešku prilagoditi jeziku na kojem je veb strana. Moguće je prilagoditi poruku za grešku za svaku formu ponaosob, ali praktikuje se da ukoliko imamo više formi na sajtu koristimo jedinstvene poruke za isti tip greške, a time ćemo umanjiti i redundantnost koda. Tada uključujemo i skriptu koja u sebi sadrži poruke za grešku na jeziku koji želimo da prikažemo poruku. U tom fajlu (fajl se nalazi u direktorijumu localization, a ime fajla sadrži ime jezika koji uključujemo) možemo direktno menjati tekst poruke za grešku koji će tada biti isti za sve forme koje imamo na sajtu. Važno je napomenuti da ukoliko prilikom poziva metode za validaciju deklarišemo tekst poruke za grešku, taj tekst će zameniti osnovni tekst poruke za grešku (bilo da je on na engleskom jeziku ili učitan preko dodatnog fajla za nov jezik).

HTML kod forme za validaciju:

<form id="forma" method="post" action="">
    <input id="ime" name="ime" type="text" />
    <input id="prezime" name="prezime" type="text" />
    <input id="username" name="username" type="text" />
    <input id="password" name="password" type="password" />
    <input id="confirm_password" name="confirm_password" type="password" />
    <input id="email" name="email" type="email" />
    <input type="checkbox" class="checkbox" id="saglasnost" name="saglasnost" />
    <input class="submit" type="submit" value="Pošalji"/>
</form>

jQuery kod za validaciju forme: