Ugrás a tartalomra
Kódvéna
Hivatalos Kódvéna-képzésKezdő

Webes űrlapok és adatvalidálás

Ajánlatkérő űrlap látható címkével, natív és JavaScript-ellenőrzéssel, szöveges hibával, és ugyanazzal a szabállyal a szerveren.

Egy festő kisvállalkozás ajánlatkérőjén végigmész: látható címke, megfelelő típus, a böngésző saját szabályai, és az a két ellenőrzés, amit csak saját kóddal tudsz megírni. A hiba a mező mellett, szöveggel jelenik meg. Ugyanezt a szabályt a szerver is megismétli, mert a böngészős ellenőrzés a tisztességes kitöltőt segíti, a beérkező kérést nem helyettesíti.

Mit tanulsz meg?

  • Űrlapot csoportosítasz fieldset-tel, és minden mezőhöz látható címkét adsz.
  • A böngésző natív ellenőrzését a megfelelő type és required mellé kötöd.
  • JavaScripttel olyan szabályt ellenőrizel, amit a HTML egyedül nem tud (két mező egyezése).
  • A hibát a mező mellett, szöveggel jelzed, nem csak színnel.
  • Elmondod, miért kell ugyanezt a szabályt a szerveren is megismételni.
  • Egy ajánlatkérő űrlapot végigellenőrzöl beküldés előtt.

Tanmenet

3 modul · 9 lecke · minden modul végén zárókvíz

Kinek szól?

  • Kezdő webfejlesztőknek, szabadúszóknak és kisvállalkozóknak, akik időpontkérőt, ajánlatkérőt vagy jelentkezést tesznek az oldalra.

Előfeltételek

  • HTML-alapok: szemantikus weboldalak
  • JavaScript-alapok a böngészőben

Források

Utoljára ellenőrizve: 2026. 11. 12.