Autentimiskoodi komponendi
Kokkuvõte
AuthCodeInput on 6 tähemärgiline autentimiskoodi sisestusväli, mida kasutatakse 2FA-stiilis voogudes. See kuvab kuus ühekohalist väli ja integreerub taustaga, et valideerida sisestatud koodi.
Kasutajalugu
Kasutajana soovin sisestada 6 tähemärgise autentimiskoodi ja saata selle, et kinnitada oma identiteeti tuttavas 2FA voos.
Anatomia
- 6 sisestusväli, joondatud reas (igaüks ühe tähe jaoks)
- Väli keskosas kuvatakse sidekriips (-)
Põhiline käitumine
Sisestused
- Iga 6 väli aktsepteerib ühte tähemärki.
- Lubatud on ainult numbrid 0–9 ja tähed A-Z.
- Kehtiva tähemärgi sisestamisel:
o tähemärk salvestatakse jooksva välja.
o kui sisestatud tähemärk on väiketäht, tuleb see automaatselt muuta suureks.
o automaatselt fokusseeritakse järgmisele väljale.
- OTP täielikkus:
o komponent arvab väärtust "täielikuna" ainult siis, kui kõik 6 välja on täidetud.