jQuery validacija formi

U okviru ovog poglavlja biće opisana klijentska validacija. Važno je napomenuti da i pored aktivne klijentske validacije, uvek je potrebno uraditi serversku validaciju, jer je moguće da podaci stignu sa neželjene strane (da naša strana bude hakovana).

Programiranje sopstvene validacije formi može da bude komplikovano. Pogotovu ako se radi o email adresi, telefonu ili broju kreditne kartice. Tada je potrebno znati regularne izraze (regular expressions) kako bi napravili pravilnu validaciju. U tome može pomoći jQuery dodatak za validaciju (jQuery Validation Plugin). Takođe je koristan dodatak ukoliko se radi validacija u toku samog unosa podataka.

jQuery dodatak za validaciju se preuzima sa adrese http://jqueryvalidation.org/. Pored osnovno jQuery biblioteke potrebno je uključiti i jquery.validate.js skriptu unutar sajta i ukoliko je potrebno uključiti i skriptu za dodatni jezik (osnovni jezik je engleski). Unutar <head> HTML elementa je potrebno uključiti skriptu na sajt:

<script src="jquery.validate.js"></script>

Validacija forme se poziva sa validate() metodom. Metodi prosleđujemo imena polja nad kojima želimo da izvršimo validaciju, pravila koje želimo da polja zadovolje prilikom validacije i tekst poruke u slučaju greške, tj. da polje ne zadovoljava pravilo za validaciju. U dodatak su uključena najčešće korišćena pravila, kao što su: required, email, url, date, number, creditcard, equalTo, minlength, maxlength, min, max, range… Pored predefinisanih pravila, moguće je definisati i nova pravila.