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