JavaScript – Provera popunjenosti formulara

Krstarica 20. april 2001. 00:00

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 i preko mobilne aplikacije za Android i iPhone.

programiranje