regex check bestellformular

pull/2/head
spagb0l 2023-05-03 18:28:36 +02:00
parent e233f0940d
commit da7e3649f6
2 changed files with 24 additions and 2 deletions

View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Second Harvest</title> <title>Second Harvest</title>
<link rel="stylesheet" href="css/desktop.css"> <link rel="stylesheet" href="css/desktop.css">
<script src="js/formchecker.js" async="true" ></script>
</head> </head>
@ -29,7 +30,7 @@
<h1 id="begrueßung_bestellung_abschließen">Bestellung abschließen</h1> <h1 id="begrueßung_bestellung_abschließen">Bestellung abschließen</h1>
<form name="Bestellformular" action="" method=""> <form name="Bestellformular" >
<table class="bestellung_tabelle"> <table class="bestellung_tabelle">
<tr> <tr>
<th class="feld_vorn"> <label for="anrede">&nbsp;Anrede</label></th> <th class="feld_vorn"> <label for="anrede">&nbsp;Anrede</label></th>
@ -78,6 +79,8 @@
<td><input type="email" id="email"></td> <td><input type="email" id="email"></td>
</table> </table>
</form> </form>
<p id="tabellenbeschreibung">Die Felder mit einem * (Sternchen) sind Pflichtfelder.</p> <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> <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> <label for="checkbox_datenschutzerklärung" class="checkboxen">Ich akzeptiere die Bestimmungen der</label>
<a href="datenschutz.html" class="checkboxen">Datenschutzerklärung.</a> <a href="datenschutz.html" class="checkboxen">Datenschutzerklärung.</a>
</p> </p>
<div class="button_abschließen_position"> <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> </div>
<footer> <footer>

View File

@ -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');
}