ums/editpassword.html at master · hadihakim/ums · 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
<!DOCTYPE html>
<html>
<head>
	<title>Edit Password</title>
	<link rel="stylesheet" type="text/css" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
	<link rel="stylesheet" type="text/css" href="./editpassword.css">
</head>
<body>
	<div class="main">
		<div class="picdiv">
			<div class="passimg"><img src="./images/changepassword.png"></div>


		</div>
		<div class="formdiv">
			<h1>Change Password</h1>
			<br>

			<form id="myForm" action="javascript:void(0)">
				<label for="newpass">New Password</label><br>
				<input id="newpass" type="password" name="newpass" placeholder="default"><br><br>
				<label for="confirmpass">Confirm New Password</label><br>
				<input id="confirmpass"type="password" name="confirmpass" placeholder="default"><br>
				<p id="passmatch"></p>
				<br><br>
				<button id="back" onclick="location.href='./index.html'" >Back</button>
				<button id="submit" onclick="match()">Sumbit</button>
			</form>

		</div>

	</div>
	<script type="text/javascript">
		function match(){
		 var input1 = document.getElementById("confirmpass").value;
		 var input2 = document.getElementById("newpass").value;
			if (input1==input2 & input1 != "")
		 document.getElementById("passmatch").innerHTML = "Password changed successfully";
		 else
		 document.getElementById("passmatch").innerHTML = "New password and confirm new password do not match";
	};


	</script>

</body>
</html>