« JavaScript form ellenőrzés »

Na, ugye volt a Webkonfon Gyuris Gellért előadása arról a bizonyos ProFormról. Ennek lényege, hogy egy sokkalta barátságosabb felhasználói felületet hoz létre, új lehetőségekkel.

Ha nem is ProForm, de hasonló elven működik ez az apróság, amivel ügyködtem. Lényege, hogy az adott beviteli mezőket ellenőrzi és ha azok megfelelnek a kritériumnak, akkor megjelenik a küldés gomb, ellenkező esetben nem. Az egész még elég gyerekcipőben jár, pusztán jávaszörnyeteges szárnypróbálgatás, de lehet még belőle valami. Persze ne felejtsük el, hogy emellett szükséges a szerveroldali ellenőrzés is, mert a JavaScript kikapcsolható. De ha van, miért ne legyen könnyebb a felhasználónak?

Működése egyszerű, amint átírsz egy mezőt, majd kilépsz abból, a szkript ellenőrzi, hogy megfelel-e a kritériumnak. Például a névnél minimum három karakter kell, az e-mail címnél minimum öt karakter, egy kukac és egy pont, a weboldalnál (ami módosításig elhagyható) pedig egy http:// egy pont, és minimum 10 karakter. Ezek hiányában nem fogadja el, és a beviteli mező kipirosodik. A továbbiakban lesz olyan, hogy a kötelezően kitöltendő mezők módosításig kiemelt színt kapnak, valamint egy változtatáskor való ellenőrzés jobb lenne, de valami miatt az onChange eseményt nem ette meg. A kivitelezés természetesen megfelel a W3C elvárásainak. Értsd: XHTML 1.0 valid.

Véleményeket örömmel várom! :)

Úgy néz ki, hogy a dolog csak Operával működik. Elnézést, dolgozom a probléma megoldásán. ;] Kijavítva, a hiba oka a getElementById eljárásban volt. Megpróbáltam a három módosítást egy eljárásba belesűríteni; Operának nem volt vele baja, de Internet Explorer és Firefox nem kezelte. Most már működik, lehet próbálgatni. Opera 9.0.8212, Internet Explorer 6, valamint Firefox 1.5.0.1 volt a tesztalany.
Kommentek RSS ikon
A bejegyzéshez érkezett kommentek, amiket RSS csatornán is követhetsz.
Például nekem nem is működik
Idézem:

Hiba: setting a property that has only a getter
Forrásfájl: http://www.starjan.hu/~mephisto/pr[…]
Sor: 38


(Windows XP; FFX 1.5.0.1)
peldaul se nem szinez se nem gomboz :D
Ehhe, Firefoxnak bajos a javascript. Megnézem, mibaja.
mefi:Kicsit off leszek, sry. Mi van veled mefi, msn-re elfelejtettél bejelentkezni vagy ghost üzemmódon vagy?
ez nagyon zsír :) de azért szerintem mailcím és webcím megadásnál az utolsó pont utáni részt is ellenőrizd, hogy van-e :)
szép megoldás… tetszik nagyon, láttam minap pár AJAX-os form ellenőrzőt, de ez az egyszerűségével nagyon megfogott

lenyúlható?
Persze, nyúlható, ópenszorszra tervezem. :)
Új komment

Itt az adott bejegyzésben elhangzottakhoz szólhatsz hozzá. Ha primitív, csúnya, vagy bunkó erkölcsről teszel tanúbizonyságot, tuti, hogy kimoderállak és rosszat mondok rólad. A hozzászólás nem kötelező, amit írsz vállald föl!

Ezeket az adatokat - ha a böngésződ kezeli a kukikat - csak egyszer kell megadnod, később módosíthatod.

Ha van gravatarod - és a gravataros e-mail-címeddel kommentálsz -, akkor az megjelenik. Ha nincs, vagy nem tudod miaz, akkor olvasd el az útmutatót és regisztrálj.

Neved: E-mail címed (nem jelenik meg): Webszájtod (ha van): Kommented: Mennyi három és három összege?
Ez védelmi célokat szolgál, szimplán írd be a fenti összeadás összegét!

A kommentedet írhatod nagyobb mezőbe vagy akár formázhatod is, de ha nem szalonképes, akkor moderálom!

Ajánló
Ebben a témában, esetleg ezen a napon voltak még ilyenek is:

Csudák vannak (2006. május 15., 09:50:52)
FotoFlix (2006. január 02., 11:36:26)
Buszsofőrz (2007. január 26., 12:24:27)

Érdekességek
Száraz számok, pusztán csak tények:

Ez a bejegyzés 2244 napja született, 410 szóból, és 2118 karakterből áll. Ajánlhatod bizonyos linkgyűjtő oldalaknak: