Do sada ste imali prilike da vidite više priloga o validaciji podataka sa formulara, a sada ćemo vam predstaviti kako možete da izvedete proveru popunjenosti, svih zahtevanih polja. Funkcija koju ćemo vam predstaviti će proveravati svako polje, koje je određeno kao obavezno za popunjavanje, i nakon toga, kada korisnik klikne za slanje, vršiće se provera popunjenosti. Ukoliko neko od polja nije popunjeno, putem metode „Alert“ izvršiće se obaveštavanje korisnika o tome koja polja nije popunio.
Pre same funkcije kreiraćemo formular uz pomoć sledećih linija:
<form name=form method=“post“ action=““>
Ime<BR>
<input type=text name=“ime“ size=“10″>*<BR>
Prezime<BR>
<input type=text name=“prezime“ size=“15″>*<BR>
E-mail<BR>
<input type=text name=“mail“ size=“15″>*<BR>
Adresa<BR>
<input type=text name=“adresa“ size=“15″><BR>
<input type=button value=“Posalji“ onclick=“Provera();“>
<input type=reset value=“Obrisi“><br>
</form>
Polja oznacena sa (*), obavezno popunite!
Trebalo bi da dobijete formular kao na slici, znači, sa poljima: ime, prezime, mail i adresa. Od njih samo polje „Adresa“ neće biti obavezno za popunjavanje. Na klik dugmeta „Posalji“ poziva se funkcija „Provera()„:
<SCRIPT LANGUAGE=“JavaScript“>
<!–
function Provera() {
var poruka = „Niste uneli podatke u polja: „;if (document.form.ime.value==““) {
poruka = poruka + “ – Ime“;
}
if (document.form.prezime.value==““) {
poruka = poruka + “ – Prezime“;
}
if (document.form.email.value==““) {
poruka = poruka + “ – E-mail“;
}//metoda alert i otkaz slanja
if (poruka == „Niste uneli podatke u polja: „) {
document.form.submit();
}
else {
alert(poruka);
return false;
}
}
// –>
</SCRIPT>
Kao što vidite, na početku se varijabli „poruka“ dodeljuje tekst poruke u slučaju ne popunjavanja nekog polja. Ukoliko neko od polja nije popunjeno, vrši se dopunjavanje poruke i na kraju se prikazuje data poruka, sa resetovanjem procedure slanja (submit). Ukoliko se poruka do kraja nije promenila, znači da su sva polja popunjena i vrši se slanje podataka.
Pratite Krstaricu na www.krstarica.com