Kod izrade formi se često događa da morate neka polja postaviti kao obavezna, pa vam nikako ne odgovara da ta polja ostanu prazna. Ovdje ću vam objasniti jednostavno rješenje tog problema. Sve što trebamo je par linija javascripta.
Najprije ćemo početi html izradom html koda, što će na poslužiti kao uvod u javascript. Napravit ćemo jednostavnu skriptu od samo dva tekstualna polja radi jednostavnosti, ali bez brige, moći ćete bez problema dodati nova polja u svoju skriptu.
Prvo moramo napisati kod za <form> tag, a on, sa svim nama potrebnim atributima, izgleda ovako:
Atributi method i action nama nisu toliko bitni, oni nam trebaju za određivanje skripte koja će obraditi našu formu, ali i za određivanje metode slanja podataka (post ili get). Ono što nas trenutno zanima je atribut onsubmit. Kao što možete i sami primjetiti, njime smo odredili javascript funkciju koja će se pokrenuti kada odlučimo proslijediti formu, odnosno, kada pritisnemo gumb submit. Sada je vrijeme da napravimo polja za unos.
Neću vam objašnjavati izradu web formi, to je ono što trebate već znati, ali ako ne znate prvo pročitajte ovo ili ovo. Objasnit ću vam samo zašto nam treba atribut "name" unutar polja za unos. Pomoću njega ćemo provjeravati je li polje za unos prazno ili je popunjeno. Pretpostavljam da znate napraviti gumb za slanje, pa vam zato niti neću objašnjavati kao ga napraviti.
Ono što nam sada treba je javascript kod, a on izgleda ovako:
Prvo imenujemo funkciju koja će izvršavati naredbu, to je funkcija "provjera". Zatim stvaramo dvije if petlje koje će provjeravati jesu li polja popunjena. Ako polje nije popunjeno, pojavit će se alert box u koje će pisati "Molim vas da upišete svoje ime.". Nakon što korisnik pritisne gumb "ok", stranica će biti fokusirana na polju "ime". Isto ćes se dogoditi ukoliko korisnik ne popuni polje "poruka". Ako su oba polja popunjena, skripta će dopustiti daljnju obradu forme.
Kako to izgleda možete vidjeti ovdje.
više na pcchip.hr