De presentatie wordt gedownload. Even geduld aub

De presentatie wordt gedownload. Even geduld aub

Formuliervalidatie Met Javascript. Wat is validatie? Controleren op geldigheid van gebruikersinvoer Bijvoorbeeld: – formaat e-mailadres – Datums – Lege.

Verwante presentaties


Presentatie over: "Formuliervalidatie Met Javascript. Wat is validatie? Controleren op geldigheid van gebruikersinvoer Bijvoorbeeld: – formaat e-mailadres – Datums – Lege."— Transcript van de presentatie:

1 Formuliervalidatie Met Javascript

2 Wat is validatie? Controleren op geldigheid van gebruikersinvoer Bijvoorbeeld: – formaat adres – Datums – Lege velden Foutieve invoer voorkomen door: – Radiobuttons, checkboxes, pulldown menu

3 PHP en JavaScript Wat is het verschil? – PHP is serversided – JS is clientsided Validaties met PHP is altijd achteraf: het formulier is dan al verstuurd Validaties met JS is in de browser zelf, dus nog voordat er iets is verstuurd

4 Nadeel JavaScript Nadeel van JS is, dat het toegestaan moet zijn in de browser Daarom altijd ook nog extra validatie in PHP, voor het geval de browser JS niet ondersteunt

5 DOM: Document Object Model Om structuren in bijvoorbeeld HTML formulieren te onderscheiden en te benaderen Hiërarchisch van opzet Bijvoorbeeld: document.klantformulier.leeftijd.value om waarde van het veld “leeftijd” in formulier “klantformulier” af te vangen (valideren)

6 DOM gebruik in formulier … Leeftijd:

7 Events Events kunnen JavaScript-acties triggeren Window events: – Onloaddocument wordt geladen – Onunload document wordt ontladen Form events: – Onchangeelement is gewijzigd – Onselect element is geselecteerd – Onsubmitformulier is verstuurd – Onresetformulier is gereset

8 Events Keyboard events: – Onkeydowntoets ingedrukt – Onkeypresstoets ingedrukt en losgelaten – Onkeyuptoets losgelaten Mouse events: – Onclick – Onmouseup – Onmousedown – Onmousemove – Onmouseout – onmouseover

9 Events Voorbeeld toepassing event:

10 Uitgewerkt voorbeeld Mijn JavaScript //

11 Uitgewerkt voorbeeld Gebruikersnaam

12 Nog een voorbeeld Links: file://localhost/Volumes/FREECOM HDD/Lesmateriaal/workshopmateriaal/PHP/F ormuliervalidatie met JS/veld.php file://localhost/Volumes/FREECOM HDD/Lesmateriaal/workshopmateriaal/PHP/F ormuliervalidatie met JS/checkform.js


Download ppt "Formuliervalidatie Met Javascript. Wat is validatie? Controleren op geldigheid van gebruikersinvoer Bijvoorbeeld: – formaat e-mailadres – Datums – Lege."

Verwante presentaties


Ads door Google