Problème requête jQuery

Salut,

Mon problème est que mon code n'est pas exécuté car il ne prends pas en compte l'erreur, et il ne mets pas de classe active sur mon onglet.

Je n'ai aucune erreur dans la console de developpement.

<div class="portlet-body">
                                                            <form name="contact" method="post">
                                                                <div class="form-group has-error"><label class="control-label required" for="contact_name">Nom</label><input type="text" id="contact_name" name="contact[name]" required="required" class="form-control"><span class="help-block">    <ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> Cette valeur ne doit pas être vide.</li></ul>
    </span></div>
                                                                <div class="form-group"><label class="control-label" for="contact_description">Description</label><textarea id="contact_description" name="contact[description]" class="form-control"></textarea></div>
                                                                <div class="form-group"><label class="control-label required" for="contact_adresse">Adresse</label><input type="text" id="contact_adresse" name="contact[adresse]" required="required" class="form-control" value="fvdf"></div>
                                                                
                                                                <div class="form-group"><button type="submit" class="btn btn-success btn">Valider</button></div>
                                                           </form>
                                                        </div>

Pour vérifier que ton code est exécuté, tu peux ajouter tes "alert" ou "console.log" pour suivre l'exécution.

La première condition (vérification de l'existence des classes "form-group has-error") devrait être validée puisque ton document possède bien un div avec ces classes.
Le problème vient donc peut être du sélecteur css "#parameters-tab ul.nav-tabs li:last-child" qui ne serait pas correct ?

Peux tu essayer ce code afin de vérifier ces points :

$(document).ready(function(){
  alert('code js exécuté');
  if($('div').hasClass("form-group has-error")) {
    alert('div.form-group.has-error trouvé');
    if ($("#parameters-tab ul.nav-tabs li:last-child").length == 0) {
      alert('element #parameters-tab ul.nav-tabs li:last-child introuvable');
    }
   $("#parameters-tab ul.nav-tabs li:last-child").addClass("active");
  }
});

Up !

SI je comprend bien, le problème vient du fait que la classe "active" est toujours présente sur le premier onglet après l'ajout de cette classe sur le dernier onglet.
Dans ce cas une solution possible est de supprimer la présence de la classe "active" sur tous les onglets avant de l'ajouter sur le dernier :

$(document).ready(function () {
    if ($('div').hasClass("form-group has-error")) {
        $("#parameters-tab ul.nav-tabs li").removeClass("active");
        $("#parameters-tab ul.nav-tabs li:last-child").addClass("active");
    }
});