Ha egyszer HTML-űrlapot állít be és fut, gyakran meg szeretné győződni arról, hogy minden fontos mezőt betöltött. Például, ha e-mail megerősítő levelet küldesz, az e-mail címet fel kell venni az űrlapmezőkbe , és egy e-mail címnek kell működnie.
Az űrlapok érvényesítésének két módja van:
- A JavaScript használata
- CGI-parancsfájl használata
A profik JavaScript használata az űrlapok érvényesítéséhez
- A javascript használatával nem használ semmilyen kiszolgáló processzor idejét. Minden feldolgozás az ügyfélszámítógépen történik.
- Gyakran úgy tűnik, hogy gyorsabban dolgozik, mint a CGI-hitelesítés.
- Mivel az űrlap oldala nem változott, könnyű az olvasó számára a hibák kijavítása.
A JavaScript használatának megakadályozása az űrlapok érvényesítéséhez
- A JavaScript csak olyan böngészőkön működik, amelyek engedélyezték. Ha a JavaScript le van tiltva, a hibaellenőrzés nem történik meg.
A CGI használata az űrlapok érvényesítéséhez
- A validáláshoz használt CGI használatával biztosítható, hogy minden alkalommal, amikor az űrlap be van adva, az érvényesítés fut.
A CGI használata az űrlapok érvényesítéséhez
- A CGI több terhelést helyez a webszerverre, és minden olyan funkció, amely szerepel a CGI-ban, még egy feladat a kiszolgáló számára.
- A CGI lassan futhat.
- Hiba esetén az ügyfélnek vissza kell térnie az űrlap első oldalához, vagy a CGI-nek szüksége van egy másik funkcióra az űrlaphoz átírni.
Ezt úgy kell kezelnünk, hogy a hibaellenőrzés többségét a JavaScript segítségével végezzük. Így gyors és könnyű az olvasók számára. Ezután újra megvizsgálom az űrlap létfontosságú elemeit a CGI-vel.
Hogyan használjunk JavaScriptet a HTML űrlapok érvényesítéséhez?
Az űrlap-érvényesítés létrehozásának alapfeltétele, hogy megkeresse a szükséges űrlapelemek nevét, és ha üresek, hibaüzenet jelenik meg.
A legtöbb hibaellenőrző program egyenként ellenőrzi az egyes mezőket, és egyszerre egy hibát jelenít meg. Ezzel a formanyomtatvány kitöltésével nehézkes lehet, és az emberek középre állhatnak. Ha a következő szkriptet és a Perl forrást használja, akkor tudni fogja, hogyan kell egyszerre érvényesíteni egy teljes űrlapot, és egy sor hibaüzenetet jelenít meg, amelyet az olvasó visszatérhet és javíthat.
A JavaScript érvényesítéséhez egy űrlapot
A HTML fejrészében létre kell hoznia egy szkriptet az űrlap érvényesítéséhez:
- Állítsa be a szkriptet, és győződjön meg róla, hogy rejtőzik olyan böngészőkből, amelyek nem képesek kezelni a JavaScriptet.
Ezután a szkript meghívásához tegyen egy onsubmit elemet a formátumcímkébe:
CGI az űrlapok érvényesítéséhez
Ez a Perl CGI kódrészlet a JavaScripthez hasonlóan működik. Ellenőrzi, hogy a szükséges mezők vannak-e, és ha nem, akkor a hibaüzeneteket a megjelenítésre szolgáló változóba menti:
#! / Usr / local / bin / perl$ error = "";ha ($ in {'dd'} eq ""){ $ error + = "
Válasszon a legördülő menüből.';}ha ($ a {'words'} eq ""){ $ error + = "Adjon néhány szót a szövegmezőbe.';}# … folytassa az összes mező érvényesítésétha ($ hiba) print "Tartalom-típus: text / html n n"; nyomtat "
Hiba történt
'; print $ error; print "Kérem, térjen vissza és javítsa ki ezeket a hibákat."; nyomtat "';} más { # Tovább a CGI-val …}
A különbség azzal, hogy a CGI írja a hibaüzenetet, hogy a " n" helyett a HTML bekezdéscímkét használja, hogy új sor kerüljön az egyes hibák között.
És most érvényesítetted az űrlapodat
A két módszerrel, a CGI és a JavaScript segítségével HTML-űrlapot hitelesítettél, hogy több, az Önhöz küldött alkatrész pontos legyen.