recherche un code pour des champs

J'ai trouvé mais je voudrais que s'affiche un message en dessus de l'input
https://gyazo.com/b29baf34342d04b894809f134dace5a5.png

code Js

// Verification JavaScript Formulaire
$(document).ready(function () {

    var $nom = $('#nom'),
        $prenom = $('#prenom'),
        $email = $('#email'),
        $sujet = $('#sujet'),
        $message = $('#message'),
        $formcontrol = $('.form-control'),
        $envoi = $('#envoi');

    $(':text').keyup(function(){
        if($(this).val().length < 3){

            $(this).css({

                borderColor : 'red',

                color : 'red'

            });

        }

        else{

            $(this).css({

                borderColor : 'green',

                color : 'green'

            });

        }

    });

    $email.keyup(function () {
        var emailReg = '/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/';
        if(!emailReg.test($email.val()))
        {
            $(this).css({
                borderColor : 'red',
                color : 'red'
            })
        }
        else
        {
            $(this).css({

                borderColor : 'green',

                color : 'green'

            });
        }
    });

});

Regarde du côté de l'API de validation
https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Validation_donnees_formulaire

Edit: ta regex d'email est foireuse au niveau du TLD

Sais tu comment faire pour changer la class d'un element ? La replacé par class="active"
?

D'accord merci