formchecker wieder wie er von Marvin war
parent
c83e9a0a2f
commit
db444a935c
|
@ -67,7 +67,7 @@
|
|||
|
||||
|
||||
<h1 id="begrueßung_bestellung_abschließen">Bestellung abschließen</h1>
|
||||
|
||||
<div id="fehlerbox"></div>
|
||||
<form name="Bestellformular" >
|
||||
<table class="bestellung_tabelle">
|
||||
<tr>
|
||||
|
@ -137,7 +137,7 @@
|
|||
|
||||
|
||||
<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>
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@ let x = Number(localStorage.getItem("gesamtpreis")).toFixed(2);
|
|||
let y = document.getElementById("gesamtkosten");
|
||||
y.innerHTML = "Die Gesamtkosten (inkl. MwSt.) belaufen sich auf: " + x + "€";
|
||||
|
||||
function checkform() {
|
||||
function checkform(event) {
|
||||
let vorname = document.getElementById('vorname').value;
|
||||
let name = document.getElementById('name').value;
|
||||
let straße = document.getElementById('straße').value;
|
||||
|
@ -12,11 +12,23 @@ function checkform() {
|
|||
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');
|
||||
fehlerbox.innerHTML = 'Fehler: <br>';
|
||||
|
||||
if (/[a-zA-Z]{2,}/.test(vorname) === false) fehlerbox.innerHTML += 'Vorname: mindestens zwei Buchstaben <br>';
|
||||
if (/[a-zA-Z]{2,}/.test(name) === false) fehlerbox.innerHTML += 'Name: mindestens zwei Buchstaben <br>';
|
||||
if (/[a-zA-Z0-9]{2,}/.test(straße) === false) fehlerbox.innerHTML += 'Straße: mindestens zwei Zeichen <br>';
|
||||
if (/[0-9]{1,}/.test(hausnummer) === false) fehlerbox.innerHTML += 'Hausnummer: mindestens eine Zahl <br>';
|
||||
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);
|
|
@ -14,7 +14,7 @@ function entferneAusWarenkorb(index) {
|
|||
let verringereUm = parseInt(inputElement.value);
|
||||
|
||||
if ((standardWerte[index - 1] - verringereUm) < 0) {
|
||||
zeigeHinweisfenster("Der Wert darf nicht negativ sein.");
|
||||
zeigeHinweisfenster("Der Wert darf nicht negativ sein/die Anzahl darf nicht unter 0 fallen.");
|
||||
} else {
|
||||
zeigeHinweisfenster("");
|
||||
let aktuellerWert = standardWerte[index - 1] - verringereUm;
|
||||
|
|
Loading…
Reference in New Issue