JavaScript Project – Password Strength Checker
Full Stack Web Development Courses with Real-time projects Start Now!!
Program 1
<!-- Project: Password Strength Checker -->
<!--
1. The password must be at least 8 characters long.
2. The password must contain at least one uppercase letter.
3. The password must contain at least one lowercase letter.
4. The password must contain at least one digit.
5.The password must contain at least one special character (e.g., !, @, #, $, etc.). -->
<html>
<head><title>Password Strength Checker</title>
<script type="text/javascript">
function check_password()
{
let password=document.getElementById("txtpassword").value
// Regular Expressions to check the criteria
const minLength = /.{8,}/; // Minimum length 8 characters
const hasUpperCase = /[A-Z]/; // At least one uppercase letter
const hasLowerCase = /[a-z]/; // At least one lowercase letter
const hasDigits = /\d/; // At least one number
const hasSpecialChar = /[!@#$%^&*(),.?":{}|<>]/; // At least one special character
if(!minLength.test(password))
alert("Password must have minimum length is 8 characters long....! ")
else if(!hasUpperCase.test(password))
alert("Password must have at least one uppercase letter....!")
else if(!hasLowerCase.test(password))
alert("Password must have at least one lowercase letter....!")
else if(!hasDigits.test(password))
alert("Password must have at least one digit(number)....!")
else if(!hasSpecialChar.test(password))
alert("Password must have at least one special character....!")
else
// document.writeln("<font color=#c0c009 size=7>Great...! Your password is Strong password</font>")
alert("Great...! Your password is Strong password...... ")
}
</script>
</head>
<body>
<br><br><br>
<center>
<font color=#841904 size="6">Password Strength Checker</font>
<table border="1">
<tr>
<th> <font color=#59413c size="6">Enter Your Password</font></th>
<td>
<input type="password" id="txtpassword">
<input type=button value="Check Password" onclick="check_password()">
</td>
</tr>
</table>
</center>
</body>
</html>
If you are Happy with DataFlair, do not forget to make us happy with your positive feedback on Google
