diff --git a/js/generalFunction.js b/js/generalFunction.js
new file mode 100644
index 0000000000000000000000000000000000000000..5aeafdcc39c439733b511c73af61cef5eeffe87b
--- /dev/null
+++ b/js/generalFunction.js
@@ -0,0 +1,9 @@
+// password requirement
+function checkPasswordReq(pwd) {
+    if (pwd.length < 8) {
+        isBest = false;
+    } else {
+        isBest = true;
+    }
+    return isBest
+}
\ No newline at end of file
diff --git a/js/headfootLogout.js b/js/headfootLogout.js
deleted file mode 100644
index db3a42af7ead26152b3722ac324d2fcc70fc1244..0000000000000000000000000000000000000000
--- a/js/headfootLogout.js
+++ /dev/null
@@ -1,209 +0,0 @@
-var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconferences'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Benutzerkonto', 'combos': [], 'type':'', 'link':'/account/'}];
-
-
-var hft_links = [{'url':'hhttps://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab', 'name':'Kontakt'},{'url':'hhttps://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]
-
-var socialmedias = [{'url':'https://twitter.com/InnolabM4', 'name': 'fa-twitter'}, {'url':'https://www.facebook.com/HfTStuttgart/', 'name': 'fa-facebook-square'}, {'url':'https://www.instagram.com/m4_lab/', 'name': 'fa-instagram'}, {'url':'https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/', 'name': 'fa-linkedin'}, {'url':'https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA', 'name': 'fa-youtube'}];
-
-var footer_images = [/*{'src':'/images/demo/bbf_logo.png', 'alt':'BMBF'},*/ {'src':'/images/demo/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.jpg', 'alt':'Innovative Hochschule'}]
-
-function prependChild(parent,child){
-    parent.insertBefore(child, parent.childNodes[0]);
-}
-
-function readCookie(cname) {
-  var name = cname + "=";
-  var decodedCookie = decodeURIComponent(document.cookie);
-  var ca = decodedCookie.split(';');
-  for(var i = 0; i <ca.length; i++) {
-    var c = ca[i];
-    while (c.charAt(0) == ' ') {
-      c = c.substring(1);
-    }
-    if (c.indexOf(name) == 0) {
-      return c.substring(name.length, c.length);
-    }
-  }
-  return "";
-}
-
-function sendRequest(URL){
-    console.log(document.cookie);
-    let xhr = new XMLHttpRequest();
-    xhr.open("POST", URL, true);
-    let token = readCookie("XSRF-TOKEN");
-    //Send the proper header information along with the request
-    xhr.setRequestHeader('X-CSRF-TOKEN', token);
-    xhr.send();
-}
-
-
-/* function head()
- * creates header and prepends it to the documents body
- */
-
-function head(){
-    let headerdiv = document.createElement('div');
-    let alertdiv = document.createElement('div');
-    headerdiv.classList.add("wrapper","row1");
-    let navheader = document.createElement('header');
-    navheader.id = "header";
-    navheader.classList.add("clear");
-    let alertbutton = document.createElement('button');
-    alertbutton.type = "button";
-    alertbutton.classList.add("close");
-    alertbutton.setAttribute("data-dismiss", "alert");
-    alertbutton.innerHTML = "&times;";
-    alertdiv.innerHTML="<strong>Disclaimer</strong> This website is under construction and in prototype-phase. It is not for public use."
-    prependChild(alertdiv, alertbutton);
-    alertdiv.classList.add('alert','alert-danger', 'alert-dismissible', 'fade','show');
-    alertdiv.style = "text-align:center;";
-    navheader.appendChild(alertdiv);
-    let navbar = document.createElement('nav');
-    navbar.classList.add("navbar", "navbar-default");
-    let fluiddiv = document.createElement('div');
-    fluiddiv.classList.add("container-fluid");
-    let navbardiv = document.createElement('div');
-    navbardiv.classList.add("navbar-header");
-    let navelements = document.createElement('ul');
-    navelements.id="navelemente";
-    let logos = document.createElement('li');
-    let link_m4lab = document.createElement('a');
-    link_m4lab.href = "/";
-    link_m4lab.innerHTML = "<img src='/images/demo/m4lab_logo.jpg' alt='Logo Innovationslabor M4_LAB'>";
-    logos.appendChild(link_m4lab);
-    navelements.appendChild(logos);
-    for(let j = 0; j<menu.length; j++){
-        let headitem = document.createElement('li');
-        let itemtype = menu[j].type;
-        headitem.classList.add("nav-item")
-        let headlink = document.createElement('a');
-        headlink.href=menu[j].link;
-        headlink.id="navbarDropdown" + j;
-        headlink.classList.add('nav-link');
-        headlink.setAttribute("role", "button");
-        if(itemtype=='dropdown'){
-            headitem.classList.add("dropdown");
-            headlink.classList.add('dropdown-toggle');
-            headlink.setAttribute("data-toggle", "dropdown");
-            headlink.setAttribute("aria-haspopup", "true");
-            headlink.setAttribute("aria-expanded", "false");
-        }
-        headlink.innerHTML=menu[j].name;
-        if(itemtype=='dropdown'){
-            let combodiv = document.createElement('div');
-            combodiv.id=headlink.id+"_par";
-            combodiv.setAttribute("aria-labelledby",headlink.id);
-            combodiv.classList.add("dropdown-menu");
-            for(let k = 0; k< menu[j].combos.length; k++){
-                let combolink = document.createElement('a');
-                combolink.classList.add("dropdown-item");
-                combolink.href = menu[j].combos[k].link;
-                combolink.innerHTML = menu[j].combos[k].name;
-                combodiv.appendChild(combolink);
-            }
-            headitem.appendChild(combodiv);
-        }
-        headitem.appendChild(headlink);
-        navelements.appendChild(headitem);
-    }
-/*    let searchitem = document.createElement('li');
-    searchitem.classList.add("nav-item");
-    let searchinput = document.createElement('input');
-    searchinput.value='Suche...'
-    searchinput.type="text";
-    searchinput.classList.add("nav-item-suchfeld");
-    searchinput.setAttribute('onFocus', "this.value=(this.value=='search...')? '' : this.value");
-    searchitem.appendChild(searchinput);
-    let magnifier = document.createElement('input');
-    magnifier.type="image"
-    magnifier.src="/images/Lupe_grau.png";
-    magnifier.width="25";
-    magnifier.height="25";
-    magnifier.alt="";
-    magnifier.id="sf_submit";
-    magnifier.value="search";
-    searchitem.appendChild(magnifier);
-    navelements.appendChild(searchitem);*/
-    navbardiv.appendChild(navelements);
-    fluiddiv.appendChild(navbardiv);
-    navbar.appendChild(fluiddiv);
-    navheader.appendChild(navbar);
-    headerdiv.appendChild(navheader);
-    prependChild(document.body, headerdiv);
-};
-
-/* function foot()
- * creates footer and appends it to the documents body
- */
-
-function foot(){
-    let footerdiv = document.createElement('div');
-    footerdiv.id="homepage";
-    footerdiv.classList.add("last", "clear");
-    footerdiv.innerHTML = "<hr>";
-    let containerdiv = document.createElement('div');
-    containerdiv.classList.add('flex-container');
-    let hftlink = document.createElement('a');
-    hftlink.classList.add("col-md-3");
-    hftlink.setAttribute('style','flex-basis: 400px;');
-    hftlink.href="https://www.hft-stuttgart.de";
-    let hftimage = document.createElement('img');
-    hftimage.src="/images/demo/hft_logo.jpg"; 
-    hftimage.alt="Logo der Hochschule für Technik Stuttgart";
-    hftimage.height= '75';
-    hftlink.appendChild(hftimage);
-    containerdiv.appendChild(hftlink);
-    let contactdiv = document.createElement('div');
-    contactdiv.classList.add("col-md-3", "footer-unten")
-    contactdiv.setAttribute('style',"flex-basis:400px");
-    contactdiv.innerHTML="Hochschule für Technik Stuttgart";
-    let rowdiv = document.createElement('div');
-    rowdiv.classList.add("row");
-    for(let i = 0; i<hft_links.length; i++){
-        let coldiv = document.createElement('div');
-        coldiv.classList.add("contactrow", "footer-unten");
-        let collink = document.createElement('a');
-        collink.innerHTML = hft_links[i].name;
-        collink.classList.add("contact-lower")
-        collink.href = hft_links[i].url;
-        coldiv.appendChild(collink)
-        rowdiv.appendChild(coldiv);
-    }
-    contactdiv.appendChild(rowdiv);
-    containerdiv.appendChild(contactdiv);
-    let socialdiv = document.createElement('div');
-    socialdiv.classList.add("col-md-3");
-    socialdiv.setAttribute('style','flex-basis: 400px;');
-    let socialrow = document.createElement('div');
-    socialrow.id="socialmediabuttons";
-    for(let j = 0; j< socialmedias.length; j++){
-        let sociallink = document.createElement('a');
-        sociallink.href = socialmedias[j].url;
-        let socialcontent = document.createElement('i');
-        socialcontent.classList.add("fab", socialmedias[j].name);
-        sociallink.appendChild(socialcontent);
-        socialrow.appendChild(sociallink);
-        socialrow.innerHTML+="&nbsp;";
-    }
-    socialdiv.appendChild(socialrow);
-    containerdiv.appendChild(socialdiv);
-    let imagediv = document.createElement('div');
-    imagediv.classList.add("col-md-3");
-    imagediv.setAttribute("style", "flex-basis:400px;");
-    for (let k = 0; k< footer_images.length; k++){
-        let image = document.createElement('img');
-        image.src = footer_images[k].src;
-        image.width="300";
-        image.height= "73";
-        image.alt = footer_images[k].alt;
-        imagediv.appendChild(image);
-    }
-    containerdiv.appendChild(imagediv);
-    footerdiv.appendChild(containerdiv);
-    document.body.appendChild(footerdiv);
-};
-
-
-head();
-foot();
\ No newline at end of file
diff --git a/js/registration.js b/js/registration.js
new file mode 100644
index 0000000000000000000000000000000000000000..8f2c1b545b0233b55082491a416359b98920c2ef
--- /dev/null
+++ b/js/registration.js
@@ -0,0 +1,38 @@
+var isEmailValid = false
+var isPasswordValid = false
+
+// check if email already exist
+$('#inputEmail').change(function(){
+    var email = $('#inputEmail').val()
+    $.get("email/"+email, function(data) {
+        $('#emailWarning').empty()
+        isEmailValid = data
+        if(!isEmailValid) {
+            $('#emailWarning').html('Mit dieser E-Mail-Adresse existiert bereits ein Benutzerkonto in unserem Transferportal.')
+        }
+        switchSubmitButton()
+    })
+    .fail(function() {
+        console.log("cannot check email")
+    })
+});
+
+// check password
+$('#inputPassword').on('keyup', function () {
+    isPasswordValid = checkPasswordReq($('#inputPassword').val())
+    $('#passwordWarning').empty();
+    if (!isPasswordValid) {
+        //$('#passwordWarning').html('Must be at least 8 characters')
+        $('#passwordWarning').html('Das Passwort muss mindestens 8 Zeichen haben')
+    }
+    switchSubmitButton()
+});
+
+function switchSubmitButton() {
+    if (isEmailValid && isPasswordValid) {
+        $('#submitBtn').prop('disabled', false)
+    }
+    else {
+        $('#submitBtn').prop('disabled', true)
+    }
+}
\ No newline at end of file
diff --git a/js/security.js b/js/security.js
new file mode 100644
index 0000000000000000000000000000000000000000..535a95a208292eda555273f548af3e71012bd107
--- /dev/null
+++ b/js/security.js
@@ -0,0 +1,30 @@
+// check password and password confirmation input fields
+// used in Security and Reset Password
+$('#inputNewPwd, #inputConfirm').on('keyup', function () {
+    var isBest, isMatch;
+
+    isBest = checkPasswordReq($('#inputNewPwd').val())
+    $('#recommendation').empty();
+    if (!isBest) {
+        //$('#recommendation').html('Must be at least 8 characters').css('color', 'red');
+        $('#recommendation').html('Das Passwort muss mindestens 8 Zeichen haben').css('color', 'red');
+    }
+
+    // match or not?
+    if ($('#inputNewPwd').val() == $('#inputConfirm').val()) {
+        //$('#message').html('Matching').css('color', 'green');
+        $('#message').html('Übereinstimmend').css('color', 'green');
+        isMatch = true;
+    } else {
+        //$('#message').html('Not Matching').css('color', 'red');
+        $('#message').html('Nicht übereinstimmend').css('color', 'red');
+        isMatch = false;
+    }
+    
+    // enable/disable update button
+    if (isBest && isMatch) {
+        $('#updateBtn').prop('disabled', false);
+    } else {
+        $('#updateBtn').prop('disabled', true);
+    }
+});
\ No newline at end of file