Danas vam predstavljam jedan mali JavaScript "program", kojim mozete utvrditi da li je
posjetitelj popunio sva polja u vasem formularu. Ovo ja koristim na stranici dodaj link.
Ovo se ispitivanje naravno moze izbjeci time sto posjetitelj jednostavno iskljuci podrsku
za JavaScript u svom browseru. Jos sigurnije od ovoga je to sve obraditi sa cgi-skriptom
no o tome uskoro vise na odgovarajucoj sekciji..
|
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function missionCheck () {
if (document.novilink.ime.value == '') {
alert('Unesite ime');
document.novilink.ime.focus();
return false;
} else if (document.novilink.url.value == '') {
alert('Unesite adresu vase internet stranice.');
document.novilink.url.focus();
return false;
} else if (document.novilink.email.value.indexOf('@') < 0) {
alert('Unesite ispravnu e-mail adresu.');
document.novilink.email.focus();
return false;
} else {
return true;
}
}
//-->
</SCRIPT>
|
Slijedi objasnjenje:
Kao prvo ovaj kod (mozete ga markirati, zatim kopirati strg+c, i onda ubaciti (paste) u editor sa strg+v),
dakle ovaj kod unesite unutar vase stranice unutar <head> und </head> tagova.
Sa prvim tagom najavljujete da slijedi skripta i da je rijec o JavaScript-u (postoje josh npr VisualBasic skripte..).
Zatim slijedi komentar (<--) on je tu da biste JavaScript "sakrili" od starijih browsera.
E sada pocinje skripta..prvo ide funkcija koju cemo kasnije opozvati pri slanju formulara. Ja sam je nazvao missionChek, ovo
ime je proizvoljno, ukoliko budete mijenjali za svoje potrebe onda promijenite na svim potrebnim mjestima.
Zatim dolazi prva if petlja, vidite ovo --> if (document.novilink.ime.value='')...itd..
To znaci da unutar trenutnog dokumenta (document, to je trenutni html dokument koji je otvoren u browseru),
objekat novilink (tako se zove moj formular, <form name="novilink"...>), ime to je jedno input polje, e ukoliko je
ono jednako '' (to su prazni jednostruki navodnici dobijete ih sa shift i onaj taster gdje je #), dakle ako je
polje prazno, onda alert('neki text').
Ovom naredbom alert dobijate jedan prozorcic u kojem stoji text unutar zagrade, i jedno OK dugme. Zatim u narednom redku ide
ono sa focus, time postizete da se kurzor nalazi u datom polju nakon sto posjetitelj u prozorcicu sa opomenom stisne na OK-dugme.
Isto su tako uradjena i ostala polja, osim sto kod e-poste ispitujem dodatno jos da li je unesen i @-znak.
To bi bilo to, mozete to isprobati na ovim stranicama pod linkom -Dodaj-Link-.
Vazno je jos da se u ovim naredbama document.novilink.ime.value sve podudara sa vasim formularom, jos jednom:
- document - ostaje uvijek isto..
- novilink - to je ime formulara..
- ime - to je naziv polja..
- value - to je vrijednost polja, dakle njegov sadrzaj..
- zajedno: document.imeformulara.imepolja.value
Skriptu opozivate unutar <form> taga ovako:
<form name="novilink" method="post" action"vasmail@xxx.xx"
onSubmit="return missionChek()">
Crveni dio u tagu je ustvari opoziv funkcije..
Nadam se da ste shvatili kako funkcionise, ukoliko imate pitanja, javite mi se putem
e-poste.
