<?php
if (isset($_POST['go'])) {
require("class/LevelBronze.class.php");
$superhero = new LevelBronze();
$valEmail = $superhero -> isEmailCorrect($_POST['Email']);
$valPassword = $superhero -> isPasswordCorrect($_POST['pw']);
$valUsername = $superhero -> isUsernameCorrect($_POST['Username']);
// Sind Probleme aufgetreten?
if ($superhero -> hasErrors) {
$feedback = "<div class=\"feedback_negative\">";
$feedback .= "Das Validieren ist fehlgeschlagen. Folgende Fehler sind aufgetreten:<br>";
foreach ($superhero -> errorsArr as $error) {
$feedback .= $error."<br>";
}
$feedback .= "</div>\n";
}
else {
$feedback = "<div class=\"feedback_positive\">";
$feedback .= "Alle Felder sind korrekt ausgefüllt.";
$feedback .= "</div>\n";
}
}
else {
$feedback = "<div class=\"feedback_negative\">";
$feedback .= "Das Formular wurde noch nicht verschickt. Klicke den Submit-Button!";
$feedback .= "</div>\n";
$valEmail = "";
$valPassword = "";
$valUsername = "";
}
?>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Level Bronze</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/styles.css">
<link rel="stylesheet" href="/css/formstyles.css">
</head>
<body>
<div id="container">
<h1>Level Bronze</h1>
<p><img src="../images/medal_bronze.png" style="width: 100%; max-width: 84px; height: auto;"></p>
<p>In diesem ersten Level werden die drei Formulare und Klassen aus dem ersten Step (E-Mail, Passwort und Username) zusammengefügt. Das ist nicht so schwierig, weil die Klassen und das verarbeitende Dokument schon gut darauf vorbereitet sind.</p>
<p>Vorbereitung: Schau dir die Klassen im 1. Step "Validation Snippets" nochmals an und überlege dir, welche Code-Zeilen immer gleich sind.</p>
<!-- Ausgabe des Feedbacks -->
<?=$feedback?>
<form action="" method="post" novalidate>
<div class="form_control">
<label for="Email">E-Mail Adresse</label>
<input type="email" name="Email" id="Email" value="<?=$valEmail?>" style="width: 240px;">
</div>
<div class="form_control">
<label for="pw">Passwort (zu Übungszwecken nicht maskiert)</label>
<input type="text" name="pw" id="pw" value="<?=$valPassword?>">
</div>
<div class="form_control">
<label for="Username">Username</label>
<input type="text" name="Username" id="Username" value="<?=$valUsername?>">
</div>
<div class="form_control">
<button type="submit" name="go" class="btn btn-blue">Verschicken</button>
</div>
</form>
</div>
</body>
</html>