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
|
var input;
var result = document.querySelector("span");
window.addEventListener('DOMContentLoaded', (event) => {
input = document.getElementsByName("password")[0];
});
function checkStrength() {
var password = input.value;
var strength = 0;
if (password.length < 6) {
result.removeAttribute("class");
result.classList.add('short');
result.innerHTML = "Too short";
return;
}
if (password.length > 7) { strength += 1;}
// If password contains both lower and uppercase characters, increase strength value.
if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) { strength += 1;}
// If it has numbers and characters, increase strength value.
if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) { strength += 1;}
// If it has one special character, increase strength value.
if (password.match(/([!,%,&,@,#,$,^,*,?,_,~])/)) { strength += 1;}
// If it has two special characters, increase strength value.
if (password.match(/(.*[!,%,&,@,#,$,^,*,?,_,~].*[!,%,&,@,#,$,^,*,?,_,~])/)) { strength += 1;}
// Calculated strength value, we can return messages
// If value is less than 2
if (strength < 2) {
result.removeAttribute("class");
result.classList.add('weak');
result.innerHTML = 'Weak';
return;
} else if (strength == 2) {
result.removeAttribute("class");
result.classList.add('good');
result.innerHTML = 'Good';
return;
} else {
result.removeAttribute("class");
result.classList.add('strong');
result.innerHTML = 'Strong';
return;
}
}
|
