Registration redirect, empty form check

views/register.html

@@ -24,16 +24,20 @@
                 
                 event.preventDefault();
          
-                var username = document.getElementById("username").value;
-                var password = document.getElementById("password").value;
+                var username = document.getElementById("username");
+                var password = document.getElementById("password");
+                
+                // Check if input Login and Password are empty
+                // 
+                if (username.value.trim().length && password.value.trim().length !== 0) {
 
                     console.log(username, password);
                     var myHeaders = new Headers();
                     myHeaders.append("Content-Type", "application/json");
 
                     var raw = JSON.stringify({
-                    "name": username,
-                    "password": password
+                        "name": username.value.trim(),
+                        "password": password.value.trim()
                     });
 
                     var requestOptions = {
@@ -47,11 +51,109 @@
                     .then((response) => {
                         if(response.status == 200){
                             console.log("200");
+
+                            if (document.getElementById("divLeer")) {
+                                console.log("drinne");
+                                var divLeer = document.getElementById("divLeer");
+                                divLeer.parentNode.removeChild(divLeer);
+                            }
+
+          
+                            var divErfolgreich = document.createElement('div');                    
+                            divErfolgreich.textContent = "Erfolgreich registriert!";           
+                            document.body.appendChild(divErfolgreich);
+
+                            const button = document.createElement("button");
+                            button.setAttribute("id", "loginButton");
+                            button.innerText = "Zum Login";
+                            button.type = "submit";
+                            button.name = "button";
+                            button.classList.add("button");
+                            
+                            button.addEventListener("click", () => {
+                                window.location.href = "/login";
+                            });
+
+                            document.body.appendChild(button);
                         }
+                        
                     })
-                    .then((result) => {})
                     .catch(error => console.log('error', error));
                     }
+                    else {
+
+                        username.value = "";
+                        password.value = "";
+
+                        var divLeer = document.createElement('div');
+                        divLeer.setAttribute("id", "divLeer");                    
+                        divLeer.textContent = "Bitte fülle beide Felder aus";           
+                        document.body.appendChild(divLeer);
+                    }                    
+                }
+                
+
+                
+
+
+
+
+                /* // Check if input Login and Password are empty
+                // 
+                if (username.value.trim().length && password.value.trim().length === 0) {
+
+                    username.value = "";
+                    password.value = "";
+                    
+                    
+
+
+                    var div = document.createElement('div');                    
+                    div.textContent = "Bitte fülle beide Felder aus";           
+                    document.body.appendChild(div);                      
+                }
+
+                console.log(username, password);
+                var myHeaders = new Headers();
+                myHeaders.append("Content-Type", "application/json");
+
+                var raw = JSON.stringify({
+                    "name": username.value.trim(),
+                    "password": password.value.trim()
+                });
+
+                var requestOptions = {
+                    method: 'POST',
+                    headers: myHeaders,
+                    body: raw,
+                    redirect: 'follow'
+                };
+
+                fetch("http://localhost:3000/register", requestOptions)
+                    .then((response) => {
+                        if(response.status == 200){
+                            console.log("200");
+                            
+                            var div = document.createElement('div');                    
+                            div.textContent = "Erfolgreich registriert!";           
+                            document.body.appendChild(div);
+
+                            const button = document.createElement("button");
+                            button.innerText = "Zum Login";
+                            button.type = "submit";
+                            button.name = "button";
+                            button.classList.add("button");
+                            
+                            button.addEventListener("click", () => {
+                                window.location.href = "/login";
+                            });
+
+                            document.body.appendChild(button);
+                        }
+                        
+                    })
+                    .catch(error => console.log('error', error));
+              } */
         </script>
 
 	</body>