Skip to content
Snippets Groups Projects
sign_up.html 4.11 KiB
<!DOCTYPE html>
<html>
<head>
	<title>Sign Up</title>
    <link rel="stylesheet" type="text/css" href="../css/default_style.css">
    <link rel="stylesheet" type="text/css" href="../css/sign_up.css">
</head>
<body>
	<div class="frame">
        <div class="signup_header">
            <div class="horizontal_line"></div>
            <h1>SIGNUP</h1>
            <div class="horizontal_line"></div>
        </div>
        <form name="sign_up" method="post" action="sign_up.php" onsubmit="return validate_password();">
            <p id="error_signup" style="text-align: center;"></p>
            <div class="signup_container">
                <div class="form_name">
                    <div class="signup_form">
                        Your Name
                    </div>
                    <div class="signup_form">
                        Username
                    </div>
                    <div class="signup_form">
                        Email
                    </div>
                    <div class="signup_form">
                        Password
                    </div>
                    <div class="signup_form">
                        Confirm Password
                    </div>
                    <div class="signup_form">
                        Phone Number
                    </div>
                </div>
                <div class="form_field">
                    <div class="signup_form">
                         <input type="text" name="full_name">
                    </div>
                    <div class="signup_form">
                       <input type="text" name="username" onkeyup="checkAvailability(this.name,this.value)"><div class="verification" id="username_verification"></div>
                    </div>
                    <div class="signup_form">
                        <input type="Email" name="user_email"onkeyup="checkAvailability(this.name,this.value)"><div class="verification" id="email_verification"></div>
                    </div>
                    <div class="signup_form">
                        <input type="Password" name="user_password">
                    </div>
                    <div class="signup_form">
                        <input type="Password" name="confirm_password">
                    </div>
                    <div class="signup_form">
                        <input type="text" name="user_phone">
                    </div>
                </div>
                <div class="driver_form">
                    <input type="checkbox" name="is_driver" value="true" style="width: 30px">
                    <label for="is_driver">Also sign me up as a driver!</label>
                </div>
                <div class="form_button">
                    <a class="have_account" href="login.html">Already have an account?</a>
                    <input type="submit" class="button green signup" value="REGISTER">
                </div>
            </div>
        </form>
	</div>
    <script>
    function validate_password()