Untitled

<head>
        <title>PJsignup</title>
        <meta charset = "utf-8">
        <meta name = "viewport" content = "width = device-width, initial-scale=1.0">

        <script type = "text/javascript">
            function validateEmail() {
                var $email = document.getElementById("email").value;
                var filter = b[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}b;
                if (filter.test(email)) {
                    return true;
                }
                else {
                    alert("Please enter a valid email");
                    return false;
                }
            }

        </script>
    </head>

    <body>
        <div class = "container">

            <form action = "Users.php" method = "post">
                <fieldset>
                    <legend>Sign up</legend>
                    <label>First Name:<br/>
                    <input type = "text" name = "fName" required></label><br/>
                    <label>Last Name:<br/>
                    <input type = "text" name = "lName" required></label><br/>
                    <label>Email:<br/>
                    <input type = "text" name = "email" id = "email" required/></label><br/>
                    <label>Username:<br/>
                    <input type = "text" name = "username" id = "username" required/></label><br/>
                    <label>Password:<br/>
                    <input type = "password" placeholder = "8 characters or more" name = "password" min = "8" required/></label><br/>
                    <label>Confirm Password:<br/>
                    <input type = "password" placeholder = "Confirm password" name = "confirm_password" required/></label><br/>
                    <br/><input type = "submit" value = "Signup" onclick = "Javascript:checkEmail();">
                </fieldset>
            </form>