From da7e3649f66d8517628cdabcd9ef1a924deeda0e Mon Sep 17 00:00:00 2001
From: spagb0l <wieduwiltm@icloud.com>
Date: Wed, 3 May 2023 18:28:36 +0200
Subject: [PATCH] regex check bestellformular

---
 public/bestellformular.html |  9 +++++++--
 public/js/formchecker.js    | 17 +++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 public/js/formchecker.js

diff --git a/public/bestellformular.html b/public/bestellformular.html
index d52cdbf..2b3b3c0 100644
--- a/public/bestellformular.html
+++ b/public/bestellformular.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Second Harvest</title>
     <link rel="stylesheet" href="css/desktop.css">
+    <script src="js/formchecker.js" async="true" ></script>
 </head>
 
 
@@ -29,7 +30,7 @@
    
     <h1 id="begrueßung_bestellung_abschließen">Bestellung abschließen</h1>
 
-        <form name="Bestellformular" action="" method="">
+        <form name="Bestellformular" >
             <table class="bestellung_tabelle">
                 <tr>
                     <th class="feld_vorn"> <label for="anrede">&nbsp;Anrede</label></th>
@@ -78,6 +79,8 @@
                 <td><input type="email" id="email"></td>
 
             </table>
+
+
         </form>
         <p id="tabellenbeschreibung">Die Felder mit einem * (Sternchen) sind Pflichtfelder.</p>
         <p id="gesamtkosten"><strong>Die Gesamtkosten (inkl. MwSt.)</br>belaufen sich auf: 5,30€</strong>
@@ -93,9 +96,11 @@
             <label for="checkbox_datenschutzerklärung" class="checkboxen">Ich akzeptiere die Bestimmungen der</label>
             <a href="datenschutz.html" class="checkboxen">Datenschutzerklärung.</a>
         </p>
+        
     
     <div class="button_abschließen_position">
-        <p><a class="button_abschließen" href="produkte.html">Kostenpflichtig bestellen</a></p>
+        <p><a class="button_abschließen" href="produkte.html" onclick="checkform()" >Kostenpflichtig bestellen</a></p>
+
     </div>
 
     <footer>
diff --git a/public/js/formchecker.js b/public/js/formchecker.js
new file mode 100644
index 0000000..83d4066
--- /dev/null
+++ b/public/js/formchecker.js
@@ -0,0 +1,17 @@
+function checkform() {
+    let vorname = document.getElementById('vorname').value;
+    let name = document.getElementById('name').value;
+    let straße = document.getElementById('straße').value;
+    let hausnummer = document.getElementById('hausnummer').value;
+    let plz = document.getElementById('plz').value;
+    let wohnort = document.getElementById('wohnort').value;
+    let email = document.getElementById('email').value;
+
+    if(/[a-zA-Z]{2,}/.test(vorname) === false) alert('vorname falsch');
+    if(/[a-zA-Z]{2,}/.test(name) === false) alert('name falsch');
+    if(/[a-zA-Z]{2,}/.test(straße) === false) alert('straße falsch');
+    if(/[0-9]{1,}/.test(hausnummer) === false) alert('hausnummer falsch');
+    if(/[0-9]{4,5}/.test(plz) === false) alert('plz falsch');
+    if(/[a-zA-Z]{2,}/.test(wohnort) === false) alert('wohnort falsch');
+    if(/^([a-zA-Z0-9]+([-_\.]?[a-zA-Z0-9])+@[a-zA-Z0-9]+([-_\.]?[a-zA-Z0-9])+\.[a-z]{2,4}){0,}$/.test(email) === false) alert('email falsch');
+}
\ No newline at end of file