Skapa ett webbformulär som använder CSS för stil, JavaScript för funktionalitet och RegExp för validering.
Formuläret ska innehålla följande fält: Användarnamn, e-post och lösenord
Lösenordet:
Ska bara innehålla bokstäver och mellanslag.
Kan innehålla bokstäver, siffror och grundläggande interpunktion.
Måste vara en giltig e-postadress.
Måste innehålla minst 8 tecken, inklusive en stor bokstav, en liten bokstav, en siffra och ett specialtecken. Använd en knapp för att växla mellan att visa och dölja lösenordet.
Använd CSS för "styla" formuläret och dess element.
Formuläret ska vara användarvänligt och visuellt tilltalande.
Validera alla fält när användaren skickar formuläret.
Visa tydliga felmeddelanden om användaren matar in ogiltig information.
I
mplementera "visa/dölj" funktionen för lösenordet.
Lägg till animeringar eller övergångar med CSS när felmeddelanden visas.
Gör formuläret responsivt så att det fungerar bra på både mobila enheter och datorer.
Extra utmaning: Man kan ju tänka sig att det kan väl inte vara någon match att göra följande:
När vi skickar data så ska vi komma till validate.html som ska göra följande:
Den ska visa upp mottaget saniterat data i en kolumn och i nästa kolumn visa upp hur man validerat den och i en tredje kolumn en verbal förklaring hur valideringen går till.
(För att visa javascript kod och tecken som inte tas hand om <code>-taggen kan de använda en disabled textarea).
Det santierade data ska ligga med id enligt DOM.
Javascript-tekniker ska användas, eftersom detta är webbutveckling 2.