/
pass.html
155 lines (126 loc) · 4.65 KB
/
pass.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<html>
<head>
<script type="text/javascript">
function check() {
var color = "";
var flag=0;
if(document.getElementById("txtPassword").value === document.getElementById("confirm_password").value) {
flag=1;
}
if(flag==1)
{
color="green";
message.style.color = color;
document.getElementById("message").innerHTML = "match";
}
else
{
color="red";
message.style.color = color;
document.getElementById("message").innerHTML = " no match";
}
}
function CheckPasswordStrength(password) {
var password_strength = document.getElementById("password_strength");
//TextBox left blank.
if (password.length == 0) {
password_strength.innerHTML = "";
return;
}
//Regular Expressions.
var regex = new Array();
regex.push("[A-Z]"); //Uppercase Alphabet.
regex.push("[a-z]"); //Lowercase Alphabet.
regex.push("[0-9]"); //Digit.
regex.push("[$@$!%*#?&]"); //Special Character.
var passed = 0;
//Validate for each Regular Expression.
for (var i = 0; i < regex.length; i++) {
if (new RegExp(regex[i]).test(password)) {
passed++;
}
}
//Validate for length of Password.
if (passed > 2 && password.length > 8) {
passed++;
}
//Display status.
var color = "";
var strength = "";
switch (passed) {
case 0:
case 1:
strength = "Weak";
color = "red";
break;
case 2:
strength = "Good";
color = "darkorange";
break;
case 3:
case 4:
strength = "Strong";
color = "green";
break;
case 5:
strength = "Very Strong";
color = "darkgreen";
break;
}
password_strength.innerHTML = strength;
password_strength.style.color = color;
}
function my() {
var color = "";
var flag=0;
if(document.getElementById("pin").value ==="1234") {
flag=1;
}
if(flag==1)
{
color="green";
msg.style.color = color;
document.getElementById("msg").innerHTML = "match";
}
else
{
color="red";
msg.style.color = color;
document.getElementById("msg").innerHTML = " no match";
}
}
</script>
<link rel="stylesheet" type="text/css" href="css2.css">
<title>authentication</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header class="2">
<h1> WELCOME !!</h1>
<h3> PASSWORD UPDATION </h3>
</header>
<p id="para"> YOU ENTERED THE WRONG PASSWORD. EITHER YOU RESET IT. OR GO BACK AND RE-ENTER YOUR PASSWORD</p>
<form action="jsp2.jsp">
<fieldset>
<legend id="1"><img src="lock.jpg"></legend>
<table>
<tr><th id="th">WELCOME !!</th></tr>
<tr></tr><tr></tr><tr></tr>
<tr><td><input type="text" placeholder="USERNAME" name="user" required></td></tr>
<tr></tr>
<tr><td><input type="email" placeholder="@gmail.com/+91xxxxxx" name="email" required></td></tr>
<tr></tr>
<tr><td><input type="text" placeholder="4 digit pin " name="code" id="pin" onkeyup="my(this.value)" required></td><td> <span id='msg'></span></td></tr>
<tr></tr>
<tr><td><input type="password" placeholder="••••••••" name="pass" id="txtPassword" onkeyup="CheckPasswordStrength(this.value)" required></td>
<td> <span id="password_strength"></span></td></tr><tr></tr>
<tr><td><input type="password" placeholder="confirm ••••••••" name="cpass" id="confirm_password" onkeyup="check()" required>
</td><td> <span id='message'></span></td></tr>
<tr></tr><tr></tr><tr></tr><tr></tr>
<tr><td><input type="submit" id="button" value="UPDATE"></td>
</table>
</fieldset>
</form>
</body>
</html>