regex check bestellformular
parent
e233f0940d
commit
da7e3649f6
|
@ -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"> Anrede</label></th>
|
<th class="feld_vorn"> <label for="anrede"> 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>
|
||||||
|
@ -94,8 +97,10 @@
|
||||||
<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>
|
||||||
|
|
|
@ -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');
|
||||||
|
}
|
Loading…
Reference in New Issue