Problème requête jQuery
Résolu
tulipe
-
tulipe -
tulipe -
Bonjour,
J'ai un problème concernant une requête jQuery. Je souhaiterai activer un onglet si l'erreur "form-group has-error" s'affiche dans mon formulaire twig.
Voici pour le moment ce que j'ai fais :
J'ai un problème concernant une requête jQuery. Je souhaiterai activer un onglet si l'erreur "form-group has-error" s'affiche dans mon formulaire twig.
Voici pour le moment ce que j'ai fais :
$(document).ready(function(){
if($('div').hasClass("form-group has-error")){
$("#parameters-tab ul.nav-tabs li:last-child").addClass("active");
}
});
A voir également:
- Problème requête jQuery
- Erreur de requete facebook - Forum Facebook
- Quelle requête écrire pour demander au moteur de recherche de présenter de préférence les pages web traitant de tennis mais pas de tennis de table ✓ - Forum Java
- L'opérateur ou l'administrateur a refusé la requête ✓ - Forum Windows
- Quelle requête écrire pour demander au moteur de recherche de présenter de préférence les pages web traitant de tennis mais pas de tennis de table ? ✓ - Forum Loisirs / Divertissements
- Difficulté avec requête SQLite ✓ - Forum Android
1 réponse
Salut,
Et quel est le problème ? Le code est-il bien exécuté ? La classe 'active' est elle ajoutée ?
As tu des erreurs javascript dans la console de développement de ton navigateur ?
Peux t-on avoir le code html correspondant ?
La vérification de l'existence des classes "form-group has-error" est un peu lourde car on fait ce test sur tous les div du document, on pourrait peut être cibler un peu plus les éléments susceptibles d'avoir ces classes.
Néanmoins ton code semble correct et devrait fonctionner.
Bonne journée,
Et quel est le problème ? Le code est-il bien exécuté ? La classe 'active' est elle ajoutée ?
As tu des erreurs javascript dans la console de développement de ton navigateur ?
Peux t-on avoir le code html correspondant ?
La vérification de l'existence des classes "form-group has-error" est un peu lourde car on fait ce test sur tous les div du document, on pourrait peut être cibler un peu plus les éléments susceptibles d'avoir ces classes.
Néanmoins ton code semble correct et devrait fonctionner.
Bonne journée,
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>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"); } });C'est à dire que le premier onglet est activé et également le dernier avec le tab-pane du premier. Moi je souhaiterai juste le dernier onglet avec son tab-pane correspond.
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"); } });