-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresetpassword.html
132 lines (106 loc) · 4.14 KB
/
resetpassword.html
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lovelypet Homepage</title>
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width" />
<!-- Style Sheet-->
<link href='http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="./css/resetpassword.css" />
<script src='./fullcalendar/lib/jquery.min.js'></script>
<script>$(document).ready(function()
{
if(document.cookie=="")
{
alert("Please login to your account");
window.location='./login.html';
}
else
{
var strCookie=document.cookie;
//将多cookie切割为多个名/值对
var arrCookie=strCookie.split("; ");
var arrCookieUserName= arrCookie[0].split("=");
var arrCookieUserAuthority= arrCookie[1].split("=");
var UserName=arrCookieUserName[1];
var UserAuthority=arrCookieUserAuthority[1];
//alert(UserName+UserAuthority);
$("#name").text("Welcome "+UserName);
};
$("#submitbtn").click(function()
{
if($("#enterpassword").val()=="" || $("#confirmpassword").val()=="")
{
alert("Please enter your new password and confirm it");
}
else if($("#enterpassword").val()!=$("#confirmpassword").val())
{
alert("The two passwords do not match.");
}
else if(($("#enterpassword").val()).length < 8 ||($("#confirmpassword").val()).length < 8 )
{
alert("The new password is too short");
}
else
{
$.post("./php/reset.php",
{
username: UserName,
password: $("#enterpassword").val(),
},
function(data,status)
{
alert("You have successfully changed the password");
window.location='homepage.html';
}
);
}
})
})
</script>
</head>
<body>
<div class="container">
<!--SIDEBAR-->
<aside id="sidebar">
<!--logo-->
<p id="name" style="color:white;font-size:20px;margin-left:40px;margin-top:60px;"></p>
<a href="homepage.html" class="logo"><img src="pic/logo2.png" alt="logo" /></a>
<!--main-menu-->
<nav class="main-nav">
<ul>
<li><a href="homepage.html">Homepage</a></li>
<li><a href="clinicinfohomepage.php">Clinic Info</a></li>
<li><a href="petview.php?page=1">Pet Info</a></li>
<li><a href="petowner.php">Petowner Info</a></li>
<li><a href="appointmentinfo.html">Appointment Info</a></li>
<li><a href="treatmentinfo.php">Treatment Info</a></li>
<li><a href="treatmentrecord.php">Treatment Record</a></li>
<li><a href="staffinfo.php">Staff Info</a></li>
</ul>
</nav>
</aside>
<!--CONTENT-->
<section id="content">
<!--header-->
<header>
<h1>Reset your password</h1>
</header>
<!--main-->
<div class="main">
<p id="username"></p>
<p><label class="label_input">Please enter new password:</label><input type="password" id="enterpassword" class="text_field" placeholder="please enter your password"/></p>
<p style="color:grey;margin-left:10px;margin-top:10px;font-size:12px;">The password has to be at least 8-digit long.</p>
<p><label class="label_input">Please confirm your new password:</label><input type="password" id="confirmpassword" class="text_field" placeholder="please confirm your password"/></p>
<div id="login_control">
<button id="submitbtn">Submit</button>
</div>
</div>
<div class="footer">
</div>
</section>
</div>
</body>
</html>