Űrlapok érvényességének ellenőrzése a Constraint Validation API segítségével
A Constraint Validation API segítségével könnyedén szabályozhatjuk, hogy a felhasználók milyen értékekkel tölthetik a weblapunkon található adatbeviteli mezőket. A tananyag gyakorlati példákon keresztül szemlélteti a legfontosabb konfigurációkat.
- Az alkalmazás bemutatása
- A Bootstrap és a Bootstrap Icons importálása
- A main elem és a form elhelyezése
- A logo és a címsor elhelyezése
- A Név űrlapelem elkészítése
- Az Email és Jelszó űrlapelemek elkészítése
- A Checkbox és a Gomb elkészítése
- A Constraint Validation API előnyei
- A Constraint Validation API hiányosságai
- A JS fájlok létrehozása
- A Név mező validációja szerkesztés közben
- Az összes mező validálása szerkesztés közben
- Hibaüzenetek html elemeinek elkészítése
- Hibaüzenetek megjelenítése a mezők alatt
- Az űrlapelemek formázása a validációnak megfelelően
- Az űrlapelemek formázása CSS-el
- A validációs formázások véglegesítése
- A teljes form validálása
- A form adatainak előkészítése
- A form küldésének véglegesítése
- A kód refaktorálása
- Egyedi hibaüzenetek definiálása-I.
- Egyedi hibaüzenetek definiálása-II.
- Zárszó
Az oktatóról
2008 óta foglalkozom webfejlesztéssel és oktatással egyaránt. 2017 óta tanítok a Training360-nál. Otthonosan mozgok a HTML-CSS-JavaScript hármas és a hozzájuk kapcsolódó technológiák valamint a Python világában. Engem ért a megtiszteltetés, hogy négy alkalommal is összeállíthattam egy-egy feladatsort az Országos IT megmérettetésre. Vallom, hogy ugyanolyan káros a „csak gyakorlati”, mint a „csak elméleti” oktatás. Imádom a naív dolgokat, és nem követem a divatot a programozás terén (sem). Szabadidőmben szívesen írok, blogolok, olvasok, gitározom, túrázom. Már ha van szabadidőm.
