navigation and pages

js/registration.js

@@ -2,20 +2,38 @@ const email = document.getElementById('email');
 const password = document.getElementById('password');
 const password2 = document.getElementById('password2');
 password2.addEventListener('change', checkPassword);
-
+const form = document.getElementById('marmeladenLadenRegisterForm');
+form.addEventListener('submit', register);
 
 
 function register() {
-    if (!checkPassword()) {
-        return;
-    }
-    const form = document.querySelector('#marmeladenLadenRegisterForm');
+
+
+    $.ajax({
+        url: 'php/registration.php',
+        type: 'POST',
+        data: {
+            email: email.value,
+            password: password.value,
+            password2: password2.value
+        },
+        success: function (data) {
+            if (data == 'success') {
+                window.location.href = 'index.html';
+            } else {
+                alert(data);
+            }
+        }
+    });
+    return false;
+}
+
     var formData = new FormData(form);
     const jSONdata = JSON.stringify(Object.fromEntries(formData));
 
     //print elements of jSONdata
     console.log(jSONdata);
-}
+
 
 function checkPassword() {
     if (password.value != password2.value) {
@@ -25,4 +43,14 @@ function checkPassword() {
         password2.setCustomValidity('');
         return true;
     }
+}
+
+function checkemail() {
+    if (email.value != '') {
+        email.setCustomValidity('');
+        return true;
+    } else {
+        email.setCustomValidity('Email is required');
+        return false;
+    }
 }