Tema
/
Interneto svetainių kliento dalies kūrimas JS
📖 Teorija

Namų darbas — registracijos forma

Namų darbas — registracijos forma.

  1. Kontaktų kryžminė validacija. Sukurk contact.js su rules(values), kur „Bug report" pakelia žinutės minimumą į 50. Pasirink „Bug report", įrašyk 30 simbolių — klaida; pasirink „Question" — ta pati žinutė jau tinka.
  2. Pateikimo ciklas. Įgyvendink disabled → „Sending…" → sėkmė/klaida → atstatymas su try/catch/finally. Patikrink, kad po klaidos (@example.com) mygtukas atsistato.
  3. Slaptažodžio stiprumas. register.js prijunk checkPassword prie input; matuoklis ir reikalavimai turi gyvai atsinaujinti.
  4. Patvirtinimas gyvai. Įvedi patvirtinimą, tada keiti pirmą slaptažodį — patvirtinimo klaida turi persivertinti iškart.
  5. Async patikra. Įgyvendink isUsernameTaken (imituotą). Įvesk „admin" → „already taken". Įvesk laisvą vardą → jokios klaidos.

Privalomi testai:

  • Kryžminis testas: klausimo tipas keičia žinutės minimumą.
  • Async testas: „admin"/„nasa" atmetami; kiti praeina.
  • Saugumo suvokimas: gali paaiškinti, kodėl slaptažodis niekada nesaugomas naršyklėje.

Atsiskaitymui: video: (1) kryžminė žinutės taisyklė, (2) stiprumo matuoklis + gyvas patvirtinimas, (3) „admin" → already taken.

Toliau. Formos baigtos. 13 pamokoje — modalai, dialogai ir pranešimai, o su jais — tikra prieinamumo (a11y) klaida, kurią taisėme: fokusas, pabėgantis iš atverto modalo. Kad klaviatūros vartotojas nepasimestų, modalas turi fokusą įvesti, sulaikyti ir grąžinti.