BusManagementSystem/authentication.jsp at master · NishantTheProgrammer/BusManagementSystem · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="styles/style.css">
    <link rel="stylesheet" href="styles/authentication.css">
    <link rel="icon" href="images/icon.png">
    <title>Authentication</title>
</head>
<body>
    <div class="container">
        <div class="imageDiv">

        </div>
        <div class="workspace">
            <div class="actionSelector">
                <div class="signInMenu" id="sin" onclick="toggleFun(this.id)">Sign In</div>
                <div class="signUpMenu" id="sup" onclick="toggleFun(this.id)">Sign Up</div>
                <div class="forgetPasswordMenu" id="fp" onclick="toggleFun(this.id)">Forget Password</div>
            </div>
            <div id="formContainer" >
                <div class="signIn" >
                    <form action="signIn" method="post" onsubmit="return validatePassword(0)">
                        <div class="ImgResult">
                        </div>
                        <input type="text" name="id" placeholder="Email" autocomplete="off" onkeyup="checkAccount(this.value);">
                        <input type="password" name="password" placeholder="Password">
                        <input type="submit" value="Sign In">
                    </form>

                </div>
                <div class="signUp">
                    <form action="SignUp" method="POST" onsubmit="return validateForm();">
                    <!-- <form action="test.jsp" method="POST"> -->
                        <input type="text" name="name" placeholder="Name" onblur="validateName();" autocomplete="off">
                        <input type="text" name="email" placeholder="Email" onblur="validateEmail(0);" autocomplete="off">
                        <input type="text" name="phone" placeholder="Phone" onblur="validatePhone();" autocomplete="off">
                        <select id="role" onchange="toggleFields(this.value)" name="role"  onblur="validateRole();">
                            <option value="" disabled selected >Select Your Role</option>
                            <option>Admin</option>
                            <option>Passanger</option>
                            <optgroup label="Staff">
                                <option  >Driver</option>
                                <option>Conductor</option>
                                <option>Ticket Checker</option>
                            </optgroup>

                            <input type="text" name="walletBalance" placeholder="Wallet Balance" id="walletBalance" autocomplete="off" style="display: none;" onblur="validateWalletBal();">
                            <input type="text" name="licenceNo" placeholder="Licence No" id="licenceNo" autocomplete="off" style="display: none;" onblur="validateLicence();">
                            <input type="text" name="experience" placeholder="Experience" id="experience" autocomplete="off" style="display: none;" onblur="validateExperience();">
                            <input type="date" name="joiningDate" id="joiningDate" onblur="validateJoiningDate();">
                        </select>
                        <input type="password" name="password" onblur="validatePassword(1);" placeholder="Password">
                        <input type="submit" value="Sign Up">
                    </form>
                </div>
                <div class="forgetPassword">
                    <form action="SendOTP" method="post" onsubmit="return validateEmail(1);">
                        <input type="text" name="email" placeholder="Email" autocomplete="off" onblur="validateEmail(1);">
                        <input type="submit" value="Send OTP">
                    </form >

                </div>
            </div>
        </div>
    </div>
</body>
<script src="scripts/authentication.js"></script>
<script src="scripts/validate.js"></script>
<script>
    function checkAccount(email)
    {
        var param = "?email=" +  email;
        param = param.replace("+", "%2b")

        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open("POST", "authenticationAJAX.jsp" + param, true);

        xmlhttp.onreadystatechange = function(){
            document.getElementsByClassName("ImgResult")[0].innerHTML = xmlhttp.responseText;
        }
        xmlhttp.send();
    }
</script>
</html>