2210892
/
WEB-Team-A4
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bestellformular datenüberprüfung verbessert

pull/3/head
spagb0l 2023-05-04 20:07:28 +02:00
parent 2738d02c15
commit e135d8662a
3 changed files with 521 additions and 503 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/bestellformular.html
View File

@ -57,7 +57,7 @@
<h1 id="begrueßung_bestellung_abschließen">Bestellung abschließen</h1> <h1 id="begrueßung_bestellung_abschließen">Bestellung abschließen</h1>
<div id="fehlerbox">test</div>
<form name="Bestellformular" > <form name="Bestellformular" >
<table class="bestellung_tabelle"> <table class="bestellung_tabelle">
<tr> <tr>
@ -108,7 +108,6 @@
</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>
@ -127,7 +126,7 @@
<div class="button_abschließen_position"> <div class="button_abschließen_position">
<p><a class="button_abschließen" onclick="checkform()" href="bestellung_erfolgreich.html" >Kostenpflichtig bestellen</a></p> <p><a id="bestellbutton" class="button_abschließen" href="bestellung_erfolgreich.html" >Kostenpflichtig bestellen</a></p>
</div> </div>

989
public/css/desktop.css
View File

File diff suppressed because it is too large Load Diff

30
public/javascript/formchecker.js
View File

@ -3,7 +3,7 @@ let x = Number(localStorage.getItem("gesamtpreis")).toFixed(2);
let y = document.getElementById("gesamtkosten"); let y = document.getElementById("gesamtkosten");
y.innerHTML = "Die Gesamtkosten (inkl. MwSt.) belaufen sich auf: " + x + "€"; y.innerHTML = "Die Gesamtkosten (inkl. MwSt.) belaufen sich auf: " + x + "€";
function checkform() { function checkform(event) {
let vorname = document.getElementById('vorname').value; let vorname = document.getElementById('vorname').value;
let name = document.getElementById('name').value; let name = document.getElementById('name').value;
let straße = document.getElementById('straße').value; let straße = document.getElementById('straße').value;
@ -12,11 +12,23 @@ function checkform() {
let wohnort = document.getElementById('wohnort').value; let wohnort = document.getElementById('wohnort').value;
let email = document.getElementById('email').value; let email = document.getElementById('email').value;
if (/[a-zA-Z]{2,}/.test(vorname) === false) alert('vorname falsch'); fehlerbox.innerHTML = 'Fehler: <br>';
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 (/[a-zA-Z]{2,}/.test(vorname) === false) fehlerbox.innerHTML += 'Vorname: mindestens zwei Buchstaben <br>';
if (/[0-9]{1,}/.test(hausnummer) === false) alert('hausnummer falsch'); if (/[a-zA-Z]{2,}/.test(name) === false) fehlerbox.innerHTML += 'Name: mindestens zwei Buchstaben <br>';
if (/[0-9]{4,5}/.test(plz) === false) alert('plz falsch'); if (/[a-zA-Z0-9]{2,}/.test(straße) === false) fehlerbox.innerHTML += 'Straße: mindestens zwei Zeichen <br>';
if (/[a-zA-Z]{2,}/.test(wohnort) === false) alert('wohnort falsch'); if (/[0-9]{1,}/.test(hausnummer) === false) fehlerbox.innerHTML += 'Hausnummer: mindestens eine Zahl <br>';
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'); if (/[0-9]{4,5}/.test(plz) === false) fehlerbox.innerHTML += 'Postleitzahl: mindestens vier Zahlen <br>';
} if (/[a-zA-Z]{2,}/.test(wohnort) === false) fehlerbox.innerHTML += 'Wohnort: mindestens zwei Buchstaben <br>';
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) fehlerbox.innerHTML += 'EMail: bitte nach dem Muster "email@beispiel.de" <br>';
if(fehlerbox.innerHTML.length > 12) {
event.preventDefault();
let fehlerboxstyle = document.getElementById('fehlerbox');
fehlerbox.style = 'display: block;'
}
}
const fehlerbox = document.getElementById('fehlerbox');
const bestellbutton = document.getElementById('bestellbutton');
bestellbutton.addEventListener('click', checkform, false);