Formvalidatie Opdracht Les 6

Leerdoelen

• Je kunt je JavaScript volledig gescheiden van je HTML houden
• Je kunt aan meerdere HTML elementen (met dezeflde tag (en dezelfde className) het zelfde JavaScript event koppelen

Form Validation Hoe het wel moet

Neem het formulier dat je eerder bij les 4 hebt gemaakt.

1: Oningevuld maar met aangegeven verplichte velden nog niet gesubmit

2: Sommige verkeerd ingevoerde velden

3: Alle verplichte velden NIET ingevuld

Als een klant zijn formulier heeft in gevuld willen we dat voor dat het verstuurd word naar de server gecontroleerd wordt op eventuele fouten. (niet ingevulde velden). Met een javscript willen deze gecontroleren. Er is naast de verplichte velden ook nog een andere eis. Het opgegeven wachtwoord moet tweemaal worden ingevoerd. Als deze twee niet gelijk zijn aanelkaar moet de controle een waarschuwing geven zoals hier onder te zien:

4: Nietgelijke passwords

Stappen Deel Opdrachten

1. Neem het formulier dat je in week 4 hebt gemaakt
2. Zorg dat alle verplichte velden automatisch op dezelfde manier worden gevalideerd
3. Verplaats alle JavaScript code naar een extern bestand

Beoordeling

Deze opdracht is om te oefenen met de behandelde technieken en is een opstapje voor de eindopdracht van dit kwartaal.