diff --git a/css/style.css b/css/style.css index 77e629a..8b0093e 100644 --- a/css/style.css +++ b/css/style.css @@ -18,12 +18,14 @@ table.schrauben { table-layout: fixed; } -td.right { - text-align: right; +td.error { + text-align: end; + padding-right: 10px; } -td.left { - text-align: left; - padding: 0px 10px; + +p.error { + color: red; + text-align: center; } textarea { @@ -67,11 +69,6 @@ input.error { border-color: inherit; } -p.error_message { - color: red; - text-align: center; -} - .grid-container { display: grid; grid-template-columns: auto auto; diff --git a/index.php b/index.php index fe7386b..9a95daa 100644 --- a/index.php +++ b/index.php @@ -89,13 +89,14 @@ * mengen * */ + $mail_from = isset($_POST['email']) ? $_POST['email'] : ''; $name = isset($_POST['name']) ? $_POST['name'] : ''; $strasse = isset($_POST['strasse']) ? $_POST['strasse'] : ''; $stadt = isset($_POST['stadt']) ? $_POST['stadt'] : ''; $plz = isset($_POST['plz']) ? $_POST['plz'] : ''; $telefon = isset($_POST['telefon']) ? $_POST['telefon'] : ''; - $schrauben = isset($_POST['schrauben']) ? $_POST['schrauben'] : ''; + $schrauben = isset($_POST['schrauben']) ? $_POST['schrauben'] : []; $notiz = isset($_POST['notiz']) ? $_POST['notiz'] : ''; $sparpaket = isset($_POST['sparpaket']) ? $_POST['sparpaket'] : ''; $senden = isset($_POST['senden']) ? $_POST['senden'] : ''; @@ -103,45 +104,56 @@ $mengen = ''; $text = ''; - $ok = true; + $ok = false; - if ($senden == "ok") { + $form_errors = []; + $screw_errors = []; + + if ($senden == "Abschicken") { foreach ($schrauben as $key => $value) { if ($value >= 10) { $mengen .= "$key: $value\n"; } elseif ($value > 0 && $value < 10) { $status .= "Es müssen mindestens 10 Schrauben bestellt werden.
"; + $screw_errors[$key] = "Es müssen mindestens 10 Schrauben bestellt werden."; $ok = false; } } if (empty($mail_from)) { $status .= "Bitte Mailadresse angeben.
"; + $form_errors[] = "Bitte E-Mail-Adresse angeben"; $ok = false; } if (empty($name)) { $status .= "Bitte Name / Vorname angeben.
"; + $form_errors[] = "Bitte Name / Vorname angeben."; $ok = false; } if (empty($strasse)) { $status .= "Bitte Straße und Hausnummer angeben.
"; + $form_errors[] = "Bitte Straße und Hausnummer angeben."; $ok = false; } if (empty($stadt)) { $status .= "Bitte Stadt angeben.
"; + $form_errors[] = "Bitte Stadt angeben."; $ok = false; } if (empty($plz)) { $status .= "Bitte Postleitzahl eingeben.
"; + $form_errors[] = "Bitte Postleitzahl angeben."; $ok = false; } if (empty($telefon)) { $status .= "Bitte eine Telefonnummer angeben.
"; + $form_errors[] = "Bitte Telefonnummer angeben."; $ok = false; } if (empty($mengen)) { $status .= "Es muss mindestens ein Schraubentyp bestellt werden."; + $form_errors[] = "Es muss mindestens ein Schraubentyp bestellt werden."; $ok = false; } @@ -167,7 +179,7 @@ $headers .= "MIME-Version: 1.0\r\n"; $headers .= "\r\n"; - $mail_ok = mail($mail_to, $subject, $text, $headers); + //$mail_ok = mail($mail_to, $subject, $text, $headers); if ($mail_ok) { $status .= "Mail erfolgreich verschickt.
"; @@ -192,10 +204,16 @@ +
+ +
+ +
+
-

DIN 86 Metrisch Rundkopf-Schlitzschrauben

+

DIN 86 Metrisch Rundkopf-Schlitzschrauben

@@ -262,69 +280,81 @@ '; foreach($values as $value) { - echo ' - - + $key = $value[0]." - ".$value[1]; + $has_error = array_key_exists($key, $screw_errors); + + echo ' + - + '; + if($has_error) { + echo ' + + + + '; + } } - + echo '
Preise:
'.$value[0].'
'; + echo array_key_exists($key, $schrauben) ? 1 : 0; + echo '...'. $value[0].' '.$value[1].' + +
+ '. $screw_errors[$key] .' +
'; } ?> - -
-

- +

+ "; + } + ?>

- +
Name / Vorname erforderlich.
- +
Straße und Hausnummer erforderlich.
- +
Postleitzahl erforderlich.
- +
Stadt erforderlich.
- +
(Korrekte) E-Mail-Adresse erforderlich.
- +
Bitte Telefonnummer eingeben.

Notiz:

Mit Sternchen markierte Felder müssen ausgefüllt sein.

- +