Űrlapokról a gyakorlatban.
Űrlapokkal gyakran találkozunk az Interneten.
Az űrlapok önmagukban, nem jutnak el a címzetthez.
Űrlapok a Web-szervereken futtatandó, kisterjedelmű, külső szoftveralkalmazások ( PHP, PERL, stb. script.).
CGI, azaz, szerveroldali programok (pl.: PERL, PHP, JAVA, stb. scriptek) a Web-szerkesztők számára különleges alkalmazásokat tesznek lehetővé.
Például: 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.
Adatok tömb formátumban továbbítódnak, GET[] vagy POST[] tömbben.
Tömbök elemeinek elnevezése, melyek az űrlapról elküldott adatokat tartalmazzák, megegyeznek azon egyedi névvel, melyet az űrlapmezők "name" és "id" jellemzője után beírtunk.
Megjegyzés:
Minden egyes űrlapelemnek, a "name" és "id" jellemzője (azonosítója) egyező legyen, és másik mező "name" és "id" jellemzőjével nem egyezhet.
Példa:
<form name="urlap" id="urlap" ................
<input type="text" name="neve" id="neve" ...........
<input type="text" name="cim" id="cim" ...........
CGI, azaz, szerveroldali 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.
- CGI program (Common Gateway Interface) olyan szabvány, amely külső programokat információs szerverekkel (például webszerverek vagy HTTP-szerverek) köt össze.
- Az action jelenti annak a CGI, azaz, szerveroldali programnak a nevét (URL címét), amely a feldolgozást végzi. (Pl.: PERL, PHP stb.)
- A method paraméterben adhatjuk meg, hogy milyen módon küldjük az adatokat. ( POST vagy GET )
- A POST érték azt jelenti, hogy az adatokat egy "csomagként" kapja meg a szerver oldali program. (Pl.: PERL, PHP stb.)
- Common Gateway Interface - világháló kiszolgáló segédprogram.
- A CGI-specifikációk írják le, hogy a HTTP kiszolgálók hogyan kommunikálnak a küldött információkat ténylegesen feldolgozó programokkal.
- Olyan csatlakozási felület (interface), amely a programozók számára lehetővé teszi háttérben futó rövid programok, alkalmazások készítését egy Web-szerveren.
- Például az Apache ismeri, a PHP (Personal Home Page) = Szerver-oldali programnyelvet, bár nem annak indult. Nem minden webhely engedélyezi a PHP futtatását.
- Ahhoz, hogy a saját számítógépünkön szerveroldali űrlapos teszteket készíthessünk, telepíteni kell az APACHE szervert és valamelyik CGI programot.
Például: a PHP vagy PERL programot.
Űrlapokkal akkor is dolgozhatunk, ha bérelt tárhelyünkön nincs engedélyezve a CGI programok futtatása, vagy nem telepítjük az APACHE szervert és valamelyik CGI programot.
Az űrlap nem csak e-mail levelezésekre, és szerveroldali feldolgozásokra van kitalálva.
JavaScript programot tetszőleges feladatok elvégzésére használhatjuk. Ha az adott feladatot alkalmanként, más és más értékkel kell végrehajtani, akkor készítünk egy űrlapot, melyben meghatározhatjuk, hogy milyen adatokkal dolgozzon a JavaScript programunk.
Megjegyzés:
Űrlap adatokat szerveroldali programnak küldjük feldolgozásra, alkalmazzuk a küldő gombot.
JavaScript programnak küldjük feldolgozásra, alkalmazzuk a küldő gombot, függvény meghívással.
Ű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 az űrlapon szereplő adatokat.
Példa:
<form method=GET action="http://www.valami.hu/cgi-ismerteto/bemutato.php">
Ű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ő (function) segítségével, minden egyes űrlapelemnél, amint a felhasználó kitölti.
onSubmit() Eseménykezelő (function) 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 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.
Ellenőrzés string objektumoknál:
- Változó hosszuságú elemekben:
- length a string hosszát tartalmazza.
- Szövegrész keresése, és átalakítása:
- 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.