$(document).ready(function(){

    var pseudo = $('#pseudo'),
    mdp = $('#mdp'),
    test = $("#test"),
    test2 = $('#test2'),
    envoi = $("#envoi"),
    pseudo_com = $('#pseudo_com'),
    commentaire_com = $('#commentaire_com'),
    commentaire_form_com = $('#commentaire_form_com'),
    pseudo_form_com = $("#pseudo_form_com"),
    span = $("#span"),
    span2 = $("#span2");

    var erreur1 = " Erreur 3 caractère minimum";

    var erreur2 = " Erreur 5 caractère minimum";




    $("#form").submit(function(e){

        test.removeClass("has-error");
        test2.removeClass("has-error");

 // PSEUDO

// validation ou erreur de saisie a modifier en vonction du PHP

if (pseudo.val().length <5 || pseudo.val().length >25) {
    test.addClass("has-error");
    e.preventDefault();

}

//  MOT DE PASSE

// validation ou erreur de saisie a modifier en vonction du PHP

if (mdp.val().length <5 || mdp.val().length >25) {
    test2.addClass("has-error");
    e.preventDefault();

}})

    $("#form_com").submit(function(e){

        pseudo_com.removeClass("has-error");
        span.text("");
        commentaire_com.removeClass("has-error");
        span2.text("")

        //pseudo_com

        if (pseudo_form_com.val().length :heart: || pseudo_form_com.val().length >25) {
            pseudo_com.addClass("has-error");
            span.text(erreur1);
            e.preventDefault();
        }

        // commentaire_com

        if (commentaire_form_com.val().length < 5 || commentaire_form_com.val().length >255) {
            commentaire_com.addClass("has-error");
            span2.text(erreur2);
            e.preventDefault();
        }
    })
});
///////////////////
<form action='?p=article&&A=<?= $id ?>' method="post" id="form_com">

                        <!--//////// INPUT PSEUDO ////////////////////////////////////////////////////////////-->
                        <div class="row">
                            <div class="col-xs-3">
                                <div class="form-group" id="pseudo_com">
                                    <label for="pseudo"><u><i>Pseudo </i></u><?= isset($erreurPseudo) ? $erreurPseudo: "" ?></label>
                                    <span id="span"></span>
                                    <input name="pseudo" class="form-control" type="text" id="pseudo_form_com">
                                </div>
                            </div>
                        </div>

                        <!--//////// INPUT COMMENTAIRE /////////////////////////////////////////////////////////-->
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="form-group" id="commentaire_com">
                                    <label for="commentaire"><u><i>Ajout un commentaire </i></u><?= isset($erreurCom) ? $erreurCom: "" ?></label>
                                    <span id="span2"></span>
                                    <textarea name="commentaire" class="form-control" id="commentaire_form_com" cols="10" rows="5"></textarea>
                                </div>
                            </div>
                        </div>

                        <!--//////// INPUT ENVOI DU FORMULAIRE ///////////////////////////////////////////////-->
                        <input name="validFormCom" class="pull-right btn btn-md btn-success" type="submit">
                    </form>
/////////////////////
sur pageArticle.php