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 alles correct is ingevuld wordt er -alleen- een bedankje gestuurd met alle ingevulde waarden. (Het formulier is dan niet zichtbaar.)
  - Indien een van de velden leeg is of incorrect dan wordt het formulier getoond...
    - 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.
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>

rvdzouw / educom-webshop-basis

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