Password Strength Checker In jQuery In Hindi

Copy
<label for="password">Password:</label>
<input type="password" id="password" name="password">
<div id="password-strength" class="password-strength"></div>

Copy
.password-strength {
    font-size: 1rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    text-align: center;
    border-radius: 0.25rem;
}
.password-strength.weak {
    background-color: #f8d7da;
    color: #721c24;
}
.password-strength.medium {
    background-color: #fff3cd;
    color: #856404;
}
.password-strength.strong {
    background-color: #d4edda;
    color: #155724;
}

Copy
$(document).ready(function() {
    $('#password').on('keyup', function() {
        var password = $(this).val();
        var strength = 0;
        if (password.match(/[a-z]+/)) {
            strength += 1;
        }
        if (password.match(/[A-Z]+/)) {
            strength += 1;
        }
        if (password.match(/[0-9]+/)) {
            strength += 1;
        }
        if (password.match(/[$@#&!]+/)) {
            strength += 1;
        }
        if (password.length >= 8) {
            strength += 1;
        }
        switch(strength) {
            case 0:
            case 1:
                $('#password-strength').html('Weak').removeClass().addClass('password-strength weak');
                break;
            case 2:
            case 3:
                $('#password-strength').html('Medium').removeClass().addClass('password-strength medium');
                break;
            case 4:
            case 5:
                $('#password-strength').html('Strong').removeClass().addClass('password-strength strong');
                break;
        }
    });
});