Preverjanje podatkov

V vseh, razen v prvih skriptnih brskalnikih (IE3- in NN2-), je mogoče preveriti, če rezultati neke veljavne funkcije prekinejo vnos v obrazec, kadar se vnese nek napačen podatek, če so v polja ali pa so vpisane neumnosti.

Znački form v HTMLju lahko predpišemo lastnost onsubmit, ki določa, kaj naj se zgodi, ko uporabnik v obrazcu pritisne gumb tipa submit. Običajno preverimo, ali imajo vsa obvezna polja vpisan podatek, včasih pa tudi, ali je ta podatek prave sorte (če pričakujemo število, mora uporabnik res vpisati število). Ukaz, ki ga predpišemo kot vrednost lastnosti onsubmit mora vrniti logično vrednost. Če vrne vrednost false, pomeni da je med podatki napaka, zato bo brskalnik počakal da jih uporabnik popravi. Vrednost true pa pomeni, da je s podatki vse v redu, zato brskalnik nadaljuje s prikazom strani, ki jo določimo z lastnostjo action značke form.

Ukaz, ki se predpisuje lastnosti onsubmit, je običajno stavek return, ki vrne vrednost, ki jo dobi kot rezultat neke funkcije. Ta funkcija običajno za parameter dobi obrazec, ki ga mora preveriti, vrne pa logično vrednost, odvisno od tega, ali je s podatki vse v redu. Če damo obrazec za parameter, nam ga ni treba poimenovati.

<form onsubmit="return preveri(this)" action="URL">
...
</form>

Kaj lahko preverjamo

Najenostavneje je preveriti, če je polje sploh izpolnjeno.

Števila

Pri številih se lahko preveri, če je vneseni podatek pravilnega tipa, če ni število NaN, ni neskončno infinity, če ni niz prazen. Pri telefonskih in poštnih številkah se preveri, če ima število ustrezno dolžino lenght. Če bi imeli ustrezno zbirko telefonskih ali poštnih številk, bi lahko preverili, če to število dejansko obstoja. Pri vnešeni starosti lahko preverimi, če število ni preveliko ali premalo.

Elektronski naslov

Če polje zahteva vnos elektronskega naslova, se lahko preveri obstoj znakov @ in . v naslovu.

Smiselnost preverjanja

Če vnos podatkov preverjamo že na uporabniški strani, bo manj dela za strežnik, ki mora sprejete podatke obdelati.

Gor e-gradiva JavaScript Ogrodje obrazca Ogrodje obrazca

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Arnuš

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri