|
|
Űrlapok ellenőrzése
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Űrlapot ellenőrző témakörök:
Űrlapokkal gyakran találkozunk az Interneten.
Az űrlapok önmagukban, nem jutnak el a címzetthez.
Web-szervereken futtatandó, kisterjedelmű, külső szoftveralkalmazás (script, PHP, PERL, stb.).
CGI-programok a Web-szerkesztők számára különleges alkalmazásokat tesznek lehetővé. Pl.: Statisztikai adatgyűjtés, kiértékelése, stb.
Weboldal szerkesztője, a forráskódba egy megfelelő utalást ágyaz arra az URL címre, ahol ez a program futtatandó.
Ezeket a segédprogramokat az ügyfél böngésző- programja indítja el, számára láthatatlanul futnak a szerveren.
CGI-scriptek gyakorlati hátránya, hogy tárolásukhoz és használatukhoz a kiszolgálógép tulajdonosának hozzájárulása szükséges.
Legtöbb szolgáltató az ügyfelek saját CGI-scriptjeinek feltöltését nem engedélyezi és csak néhány közérdekű scriptet futtat.
Űrlapokhoz kapcsolódó JavaScript programok, nem csak arra használhatók, hogy előfeldolgozást végezzenek a szerveren való feldolgozás előtt.
Felhasználók a világhálón keresztül:
- Elküldhetik véleményüket.
- Keresőszervereken kereséseket hajthatnak végre.
- Regisztrálhatják magukat, különböző szolgáltatásokra.
- Rendelhetnek szolgáltatásokat, tárgyakat, programokat.
Űrlapokat általában elküldjük egy a szerveren lévő CGI programnak, amely feldolgozza a benne szereplő adatokat.
Űrlapunk hibás adatot tartalmaz, akkor problémát jelenthet.
Űrlapot hibásan töltöttük ki, akkor feleslegesen terheljük a hálózatot, és a szerver oldali programot, mert, nem tud mit kezdeni az adatokkal.
Itt, segíthet nekünk a JavaScript is.
JavaScript programot, a böngésző futtatja.
Űrlap tényleges elküldése előtt, ellenőrizhetjük, hogy helyes-e a kitöltés.
Kitöltése nem helyes, nem engedjük meg az űrlap elküldését.
Kliens oldalon el lehet végezni a kitöltött mezők ellenőrzését JavaScript programmal, így, a hibátlan űrlapot küldjük el a szervernek.
Ellenőrzést legtöbbször, két helyen végezzük.
onChange() Eseménykezelő segítségével, minden egyes űrlapelemnél, amint a felhasználó kitölti.
onSubmit() Eseménykezelő segítségével, elküldéskor.
Űrlap ellenőrzése elküldés előtt:
Melyhez leggyakrabban, a stringek kezelését megvalósító string objektum elemváltozóit, és elemfüggvényeit alkalmazzuk.
Például, minden e-mail címben ezeket:
- Minimum 9, maximum 52 karakter hosszú.
- Szerepel a @ karakter, de csak egyszer, és minimum az első 3 karaktert követően helyezkedik el.
- A @ karaktert követően minimum 3 karakter távolságra, a nemzetközi jelzés előtt, szerepel egy pont.
- Szóköz nem lehet, azaz folyamatosan kell beírni.
String objektumoknál:
- Változó hosszuságú elemekben:
- length a string hosszát tartalmazza.
- Szövegrész keresése, és átalakítása változóban:
- substring(index1, index2) egy részlánccal tér vissza az index1-től az index2 előtti karakterrel bezárólag.
- Keresés a karakterlánc elejétől: indexOF (Keresett szó beírása) visszatérési értéke a megtalált pozíció, ill. ha nem talál: -1.
- Keresés a karakterlánc egy adott pontjától : indexOF (Keresett szó beírása, és hányadik karaktertől)
- Keresés a karakterlánc végétől visszafelé: lastIndexOf (Keresett szó beírása)
- Keresés a karakterlánc egy adott pontjától visszafelé: lastIndexOf (Keresett szó beírása, és hányadik karaktertől)
- charAt(index) az index-edik pozícióban lévő karakterrel tér vissza. (A karakterek sorszámozása 0-va kezdődik!)
- toLowerCase() kisbetűssé konvertálja a stringet.
- toUpperCase() nagybetűssé konvertálja a stringet.