JavaScript - Provera popunjenosti formulara

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.