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 8 characters....!")
                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 number(digit)....!")
                else if(!hasSpecialChar.test(password))    
                    alert("Password must have at least one special character....!")
                else
                  document.writeln("<br><br><br><center><font color=#c04409 size=6>Great your Password  is Strong password.....!: "+password+" </font></center>")    
            }
          </script>
    </head>
    <body>  
     <center> 
        <br><br><br>
        <font color="#c04409" size="6">Password Strength Checker</font>
        <form>
        <table border="1">
            <tr>
                <th><font color="#f49b0d" size="5">Enter Your Password:</font></th>
                <td>
                    <input type="password" id="txtpassword">
                    <input type="button" value="Check Password" onclick="check_password()">
                </td>

            </tr>
          </table>  
          </form>
     </center>  
     </body>

 

 

 

Did you like our efforts? If Yes, please give DataFlair 5 Stars on Google

courses
Image

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *