Finished the form. TODO: Validation

This commit is contained in:
2024-11-15 22:47:21 +01:00
parent 3388de5cfe
commit 4d8bdfb861

115
index.php
View File

@@ -203,9 +203,13 @@
<!--<script type="text/javascript" src="js/form_helper.js" defer></script>-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</head>
<pre>
<?php
var_dump($_POST)
?>
</pre>
<body class="bg-secondary">
<div class="container bg-white p-5">
<div class="container bg-white px-5 py-4">
<div class="mx-auto">
<a href="/" class="link-dark"><h1>DIN 86 Metrisch Rundkopf-Schlitzschrauben</h1></a>
@@ -255,12 +259,8 @@
</div>
<form action="index.php#form" method="post">
<table class="table table-sm">
<colgroup>
<col />
<col />
<col />
</colgroup>
<table class="table table-sm align-middle">
<?php
foreach ($array as $key => $values) {
@@ -277,11 +277,12 @@
$has_error = array_key_exists($key, $screw_errors);
echo '<tr>
<td>'. $value[0].'</td>
<td>'.$value[1].'</td>
<td>'. $value[0] .'</td>
<td>'. $value[1] .'</td>
<td>
<input
type="text"
class="form-control"
size="4"
maxlength="4"
name="schrauben['.$key.']"
@@ -301,12 +302,17 @@
';
}
}
echo '
<tr>
<td colspan="3" class="border-bottom-0">&nbsp</td>
</tr>
';
}
echo '
</table>
';
if(count($form_errors) == 0 && count($screw_errors) == 0) echo '<br />';
//if(count($form_errors) == 0 && count($screw_errors) == 0) echo '<br />';
?>
<p class="text-danger text-center">
<?php
@@ -316,44 +322,65 @@
}
?>
</p>
<div class="container">
<div class="row mb-2">
<label class="col" for="name">Name / Vorname: *</label>
<input type="text" class="form-control col" id="name" value="<?=$name;?>" />
</div>
<div class="row mb-2">
<label class="col" for="strasse">Straße, Hausnummer: *</label>
<input type="text" class="form-control col" id="strasse" value="<?=$strasse;?>" />
</div>
<div class="row mb-2">
<label class="col" for="plz">PLZ: *</label>
<input type="text" class="form-control col" id="plz" value="<?=$plz;?>" />
</div>
<div class="row mb-2">
<label class="col" for="stadt">Stadt: *</label>
<input type="text" class="form-control col" id="stadt" value="<?=$stadt?>" required />
</div>
<div class="row mb-2">
<label class="col" for="email">Email: *</label>
<input type="email" class="form-control col" id="email" value="<?=$mail_from;?>" required />
</div>
<div class="row mb-2">
<label class="col" for="telefon">Telefon:</label>
<input type="tel" class="form-control col" id="telefon" value="<?=$telefon;?>" />
</div>
<div class="row mb-2">
<div class="col-auto">
Notiz:
<h2>Bestellformular</h2>
<div>
<div class="row mb-3">
<label class="col-sm col-form-label" for="name">Name / Vorname: *</label>
<div class="col-sm">
<input type="text" class="form-control" id="name" name="name" value="<?=$name;?>" required />
</div>
</div>
<div class="row mb-3">
<label class="col-sm col-form-label" for="strasse">Straße, Hausnummer: *</label>
<div class="col-sm">
<input type="text" class="form-control" id="strasse" name="strasse" value="<?=$strasse;?>" required />
</div>
</div>
<div class="row mb-3">
<label class="col-sm col-form-label" for="plz">PLZ: *</label>
<div class="col-sm">
<input type="text" class="form-control" id="plz" name="plz" value="<?=$plz;?>" required />
</div>
</div>
<div class="row mb-3">
<label class="col-sm col-form-label" for="stadt">Stadt: *</label>
<div class="col-sm">
<input type="text" class="form-control" id="stadt" name="stadt" value="<?=$stadt?>" required />
</div>
</div>
<div class="row mb-3">
<label class="col-sm col-form-label" for="email">Email: *</label>
<div class="col-sm">
<input type="email" class="form-control" id="email" name="email" value="<?=$mail_from;?>" required />
</div>
</div>
<div class="row mb-3">
<label class="col-sm col-form-label" for="telefon">Telefon:</label>
<div class="col-sm">
<input type="tel" class="form-control" id="telefon" name="telefon" value="<?=$telefon;?>" />
</div>
</div>
<div class="row mb-3">
<label class="col-sm col-form-label" for="notiz">Notiz:</label>
<div class="col-sm">
<textarea class="col-sm form-control" rows="4" id="notiz" name="notiz"><?=$notiz;?></textarea>
</div>
</div>
<div class="row mb-3">
<div class="col-sm">
Mit Sternchen markierte Felder müssen ausgefüllt sein.
</div>
</div>
<div class="row-2 mb-3">
<div class="col-sm">
<input class="btn btn-primary" type="submit" name="senden" value="Abschicken" />
</div>
</div>
</div>
<textarea name="notiz"><?=$notiz;?></textarea>
<p>Mit Sternchen markierte Felder müssen ausgefüllt sein.</p>
<input type="submit" name="senden" value="Abschicken" />
</form>
<div>
<div class="mt-5">
<h2>Impressum</h2>
Jan Dopheide<br />
Schulstr. 40 b<br />