03-B: Opdracht 1.3: Server-side verwerking van een formulierdata

Hernoem contact.html naar contact.php.
Gebruik nu je PSD om de contact pagina aan te passen zodat
- Als er een GET verzoek wordt ontvangen moet een leeg formulier worden getoond.
- Als er een POST verzoek wordt ontvangen moet je in PHP de data valideren.
  - Indien alle verplichte* correct is ingevuld wordt er -alleen- een bedankje worden getoond met alle ingevulde waarden. (Het formulier is dan niet zichtbaar.)
  - Indien een van de verplichte* velden leeg is of incorrect dan wordt er -alleen- een formulier getoond, met de errors.
  - - De verplichte velden zijn: aanhef, naam, communicatie_voorkeur en het bericht, en indien de communicatie_voorkeur "Email" is geselecteerd is ook het email veld, als "Phone" is geselecteerd, het telefoonnummer veld, en als "Post" is geselecteerd alle post adres velden.
    - Anders zijn deze laatste velden 'optioneel' dat betekend dat ze of helemaal 'leeg' zijn. of een valide waarden hebben. Je mag dus niet alleen de straat invullen en de postcode leeg laten
    - waarin de reeds ingevulde waarden blijven staan!!!
    - achter de incorrecte velden staat een foutmelding in het rood
- Optioneel kan je ook valideren of de naam tenminste 1 letter bevat en/of het email adres een valide e-mailadres is, en/of het postcode het nederlandse formaat heeft.
Commit regelmatig de wijzigingen naar je lokale repository (o.v.v. het issue nummer).
Push de commits naar GitHub

Mocht je er niet uitkomen, globaal ziet je contact.php er alsvolgt uit:

<doctype HTML>

<html>
<head>...</head>
<body>
  <?php

// initate the variables
$name = $email = ... = $message = '';
$nameErr = $emailErr = ... = $messageErr = '';
$valid = false;

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
// validate the 'POST' data

// ....

$valid = ...
}
?>

<header>
<h1>Contact</h1>
</header>

<nav>
<ul class='menu'> ... </ul>
</nav>

<section>;

<?php if (!$valid) { /* Show the next part only when $valid is false */ ?>

<form method="POST" action="contact.php">;
...
<input name="email" value="<?php echo $email; ?>" id="email">
<span class="error">* <?php echo $emailErr; ?></span>
...
</form>;

<?php } else { /* Show the next part only when $valid is true */ ?>

<p>Bedankt voor uw reactie:</p>
...
<div>Email: <?php echo $email; ?></div>
...

<?php } /* End of conditional showing */ ?>

</section>

<footer> .... </footer>
</body>

Thomas-van-Haastrecht / educom-webshop-basis

03-B: Opdracht 1.3: Server-side verwerking van een formulierdata #5