Untitled

<?php
?>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Create User</title>
    <link rel="shortcut icon" type="image/x-icon" href="../Images/Elysian.png">
    <link rel="stylesheet" type="text/css" href="../CSS/CreateUserPage.css">
    <link rel="stylesheet" type="text/css" href="../CSS/Fonts.css">

</head>
<body>

<div id="Container">

    <div id="BannerRS">
    </div>

    <div id="Venster">
        <form id="CreationForm" autocomplete="false" method="POST" action="CreateUserVerwerking.php">
            <h1 id="Titel">User details:</h1>

            <div class="Top" id="Invoer">
                <label class="DataLabels Left">Username:</label>
                <input type="text" class="DataInput Right" id="Username" name="Username" required=""
                       autocomplete="false" tabindex=1 autofocus>
                <br class="Spacing">
                <label class="DataLabels Left">Password:</label>
                <input type="password" class="DataInput Right" name="Password" required=""
                       autocomplete="false" tabindex=2>
                <br class="Spacing">
                <label class="DataLabels Left">Repeat Password:</label>
                <input type="password" class="DataInput Right" name="RepeatPassword" required=""
                       autocomplete="false" tabindex=3><br>

                <label class="DataLabels Left" id="ErrorLabel"></label>
            </div>
            <a href="Loginpage.html" class="Knop Left Bottom"><p class="TextCenter" tabindex=5>Cancel</p></a>
            <button id="CreationButton" class="Knop Right Bottom" type="submit" tabindex=4>Create<br>user</button>
        </form>


    </div>


</div>

//
<script src="../JQ/jquery-3.2.1.min.js"></script>
<script>
    window.addEventListener("load", loaded);

    function loaded() {
        //document.getElementById('CreationForm').addEventListener("onsubmit", validatePassword);
        document.getElementById('CreationButton').addEventListener("click", validatePassword);
    }

    var validatePassword = function (e) {
        e.preventDefault()

        // alert("works");

        var check = true;
        var username = document.getElementById('Username').value;


        $.get("getDatabaseJson.php?table=Users", function (response) {
            result = JSON.parse(response);
            console.log(result);

           alert(result[1].user_name); //alert toont dat ge niet moogt parsen, json is al juist als em binnenkomt


            for (var i = 0; i < result.length; i++) {
                if (result[i].user_name == username) {

                    document.getElementById('ErrorLabel').innerHTML = "User " + username + " already excists!";
                    i = result.length; // stopt loop
                    check = false;
                }
            }
        })

        return check;
    }
</script>
</body>
</html>