socrates/schrauben
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finished the form. TODO: Validation

Browse Source
This commit is contained in:
Sockenklaus
2024-11-15 22:47:21 +01:00
parent 3388de5cfe
commit 4d8bdfb861
1 changed files with 71 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
index.php
View File

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