diff --git a/pictures/shopingcart.png b/pictures/shopingcart.png index 0983b0c..1e8b01d 100644 Binary files a/pictures/shopingcart.png and b/pictures/shopingcart.png differ diff --git a/probestyle.css b/probestyle.css index c60ba2b..58b9eaf 100644 --- a/probestyle.css +++ b/probestyle.css @@ -1116,6 +1116,7 @@ font-size: 30px; text-decoration: none; border-radius: 8px; border: 0; + cursor: pointer; } #registrierenAusklappe{ @@ -1136,6 +1137,59 @@ input[type=number] { /*----- Registrierung Ende-------*/ +/*----- Registrierung erfolgreich -----*/ + +.mainContentContainer{ + overflow-y: scroll; + position: absolute; + display:flex; + flex-direction: column; + height: 70.5%; + width: 100%; + top:200px; +} + +.mainContentContainer{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.mainContentContainer::-webkit-scrollbar { + display: none; +} + +.titleContainer { + padding-top: 35px; + padding-left: 35px; +} + +#registeredTitle { + font-size: 30px; +} + +.mainContent { + padding-top: 25px; + padding-left: 55px; + padding-right: 50px; +} + +#textFirstHalf, #cardID { + display: inline; +} + +#loginNowButton { + width: auto; + height: auto; + background-color:#664220 ; + color:white; + font-size: 15px; + padding: 10px 15px; + text-align: center; + border-radius: 8px; + border: none; + cursor: pointer; +} + +/*----- Registrierung erfolgreich Ende -----*/ /*Reservierung*/ diff --git a/registrierung.html b/registrierung.html index d2c34ea..ef510eb 100644 --- a/registrierung.html +++ b/registrierung.html @@ -35,6 +35,8 @@
+
Registrierung @@ -47,7 +49,7 @@

-
+


@@ -55,7 +57,7 @@

-
+


@@ -63,9 +65,9 @@

- + -
+


@@ -74,9 +76,9 @@

- + -
+


@@ -85,7 +87,7 @@

-
+


@@ -93,7 +95,7 @@

-
+


@@ -101,7 +103,7 @@

-
+


@@ -109,13 +111,13 @@

-
+


- +


diff --git a/registrierungErfolgreich.html b/registrierungErfolgreich.html new file mode 100644 index 0000000..b749e64 --- /dev/null +++ b/registrierungErfolgreich.html @@ -0,0 +1,118 @@ + + + + + + + + + Candle Bibliothek + + + +
+

+

+ Bibliothek Bild von einer Kerze +

Candle +

+ +
+ + + +
+
+

Erfolgreich registriert

+
+
+

+ Sie wurden erfolgreich registriert. +

Ihre Karten-ID ist

+ +

XXXXXX.

+

+

+ Mit dieser ID und Ihrem Passwort + können Sie sich direkt auf unserer Website anmelden und, + bei Bedarf, bereits Bücher für eine Ausleihe reservieren. +

Die Karten-ID findet sich auf Ihrem + Bibliotheksausweis wieder, welchen Sie bei Ihrem ersten + Besuch in unserer Bibliothek erhalten. +
Der Bibliotheksausweis kostet 10€ und muss jedes Jahr + vor Ort für den gleichen Preis verlängert werden. +
Bitte beachten Sie, dass ohne Vorlage eines + gültigen Ausweises, keine Bücher abgeholt werden können. +

+
+ + + + + +


+
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/registrierungVerhalten.js b/registrierungVerhalten.js index e22234c..6411779 100644 --- a/registrierungVerhalten.js +++ b/registrierungVerhalten.js @@ -1,3 +1,5 @@ +// TODO: Problemmeldungen spezifizieren + // Großbuchstaben -> [A-Z] // Kleinbuchstaben -> [a-z] // Bindestrich -> [-] @@ -47,18 +49,16 @@ document.getElementById("passwort").addEventListener("blur", checkPassword); document.getElementById("passwortRep") .addEventListener("blur", checkRepeat_Password); +// EventListener für den Button "Registrieren" hinzufügen. +document.getElementById("registrierenKnopf") + .addEventListener("click", checkForPossibleSubmit); + // EventListener für das Formular hinzufügen. document.getElementById("registrierungForm") - .addEventListener("submit", checkForPossibleSubmit()); + .addEventListener("submit", checkForPossibleSubmit); //------------------------------------------------------------------------------ -function checkForPossibleSubmit(event) { - event.prevenDefault(); - - var isFirstNameValid = checkFirstName(); -} - /** * Überprüft, ob ein Eingabefeld ausgefüllt wurde. * @@ -421,3 +421,35 @@ function checkRepeat_Password() { } } +/** + * Prüft, ob alle Eingaben des Formulars vorhanden und gültig sind. + * Ist dies der Fall, werden die Daten verarbeitet + * und der Nutzer wird auf die Seite "Erfolgreich registriert" weitergeleitet. + */ +function checkForPossibleSubmit() { + var firstName = checkFirstName(); + var lastName = checkLastName(); + var streetName = checkStreetName(); + var houseNumber = checkHouseNumber(); + var plz = checkPLZ(); + var city = checkCity(); + var emailAddress = checkEmailAddress(); + var repeatEmailAddress = checkRepeat_EmailAddress(); + var password = checkPassword(); + var repeatPassword = checkRepeat_Password(); + if (firstName && lastName && streetName && houseNumber && plz && city && + emailAddress && repeatEmailAddress && password && repeatPassword) { + // TODO: Formular submitten. + // TODO: Alert entfernen. + alert("Placeholder Alert: Die Daten würden jetzt verarbeitet werden.") + window.location.replace("registrierungErfolgreich.html"); + + } + else + { + // TODO: Alert entfernen, soll irgendetwas passieren? + alert("Da stimmt aber etwas nicht mit den Daten. :("); + return false; + } +} +