Les 14 — Validatie & regex

Input checken: server-side met regex, client-side met JavaScript — en weten dat JS alleen niet genoeg is.

In deze les

Wat je gaat doen. Postcode checken met regex in PHP. Extra: formulier met JS-checks — én waarom de server alsnog moet checken.

Wat je leert. Input vertrouwen is naïef; een patroon (regex) beschrijft wat wél mag.

Komt aan bod. preg_match, ^ $ . + * [], client-side vs server-side.

Gewone opdracht

Opdracht 34

Maak 14/zipcode_check.php: formulier met postcode-veld; na submit check met regex: 4 cijfers + 2 letters (hoofd/klein), spatie optioneel. Tip: regex101.com.

Extra / variant

Extra A — Opdracht 35 Volledig formulier + JS

HTML-formulier: voornaam, achternaam, adres, postcode, telefoon, e-mail. JS-checks: aanwezigheid + valide postcode/telefoon/e-mail (NL). Bij OK: PHP toont de waarden. Client-side alleen is niet genoeg — voeg idealiter ook server-side checks toe.

Extra B Alleen JS-voorbeeld bestuderen

Bekijk ná eigen poging de JS-validatie onder Uitwerking, en noteer in 14/js-vs-server.md waarom server-side validatie verplicht blijft.

Uitwerking (ná eigen poging)

Postcode-check (opdracht 34) en JS-formulier (extra). Eerst zelf bouwen.

Toon uitwerkingen

zipcode_check.php form_validation1.html

Klik een bestand om de bron te zien (of “Nieuwe tab”). PHP draait bij jou lokaal in XAMPP.

Opleveren

git add 14 → commit → push
Mail: les 14 klaar of hulp + repo-link

Door naar les 15 →