Js & jQuery exercice 2

Afficher le bouton envoyer quand le nombre de caractères dans l'input #pwd est égal ou supérieur à 8. Quand on tappe du texte dans l'input #PWD, passer sa bordure en rouge tant qu'il n'a pas au moins 8 caractères, en vert après.

by Arnaud

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form id="formulaire">
  <input type="password" id="mdp" />
  <button type="submit" value="envoyer" id="boutSubmit">envoyer</button>
</form>
<p>
<span id="msg"></span>
</p>

CSS

#boutSubmit{
  display: none;
}

JavaScript

$("#mdp").keyup(function() {
    if($(this).val().length >= 8) {
        $('#boutSubmit').fadeIn(500);
        $(this).css('border-color','green');
    } else {
    $('#boutSubmit').fadeOut(500);
        $(this).css('border-color','red');

    }
});