Проверка/усиление пароля

Я пытаюсь создать учетную запись для пользователя и хочу усилить пароль, что мне добавить?

Я не знаю, как укрепить пароль, под этим я имел в виду, что хочу требовать прописных и строчных букв, а также добавлять цифры к паролю.

я что-то упускаю? или тут что-то не так? Должен ли я изменить все здесь?

<div class = "form-group row">
  <label class = "col-12 col-sm-3 col-form-label text-sm-right">Username</label>
  <div class = "col-12 col-sm-8 col-lg-6">
  <input data-parsley-type = "alphanum" type = "text" name = "username" pattern = "(?=.*[a-z]).{10, }.+" required = "" placeholder = "" class = "for m-control">
   </div>
</div>
<div class = "form-group row">
  <label class = "col-12 col-sm-3 col-form-label text-sm-right" for = "pass1">Password</label>
  <div class = "col-12 col-sm-8 col-lg-6">
  <input  data-parsley-type = "alphanum" type = "passwrd" id = "password" name = "password"  required = "" placeholder = "" class = "form-control" onkeyup = "return validate()">
    <ul>
        <li id = "uppercase">At least 1 Uppercase Character</li>
        <li id = "lowercase">At least 1 Lowercase Character</li>
        <li id = "num">At least 1 Number</li>
        <li id = "maxChar">At least 8 characters long</li>
    </ul>
   </div>
</div>

попробовал это для js, я думаю, что я все испортил здесь, так как он не работает

$(document).ready(function(){
            var lowercase = new RegExp('[a-z]');
            var uppercase = new RegExp('[A-Z]');
            var number = new RegExp('[0-9]');
            $("#password").keyup(function(){
                var password = $(this).val()
                    if (password.length == 8){
                        $("maxChar").css("color", "green");
                    }else{
                        $("maxChar").css("color", "red");
                    }
                    if (password.match(lowercase)){
                        $(".lowercase").css("color", "green");
                    }else{
                        $(".lowercase").css("color", "red");
                    }
                    if (password.match(uppercase)){
                        $(".uppercase").css("color", "green");
                    }else{
                        $(".uppercase").css("color", "red");
                    }
                    if (password.match(number)){
                        $(".num").css("color", "green");
                    }else{
                        $(".num").css("color", "red");
                    }
                    if (/^[a-zA-Z0-9]=$/.test(password) == false){

                    }   $(".symbol").css("color", "green");
                    }else{
                        $(".symbol").css("color", "red");
                    }
            })
    </script>-->