[Validate] Modifier un attribut data-content
Bonjour,
je me prends le chou grave en travaillant avec la librairie https://jqueryvalidation.org/validate/ et bootstrap.
J'espère que je serai claire :P
En gors, la librairie quand elle générer une erreur, va m'afficher le span que l'on voit ci-dessous:
Code:
1
2
| <input class="f-error" type="text" data-question="2" data-jeu="1" name="q2" id="q2" value="" required="" pattern="[A-Za-z].{3,}" minlength="3" data-container="body" data-placement="top" data-toggle="popover" data-content="jjj" aria-required="true" data-original-title="" title="" aria-invalid="true">
<span id="q2-error" class="f-error">Please enter at least 3 characters.</span> |
Le problème est que Popovers de bootstrp va afficher dans sa bulle, le contenu de data-content et j'essaye de remplacer cette valeur par le contenu (le texte) du span.
J'ai donc trouver dans la doc et j'ai modifier ainsi
Code:
1
2
3
4
5
6
7
8
9
10
11
| $("#form").validate({
/*
errorElement: "span",
errorClass: "f-error",
*/
errorClass: "f-error",
errorPlacement: function(error, element) {
error.appendTo( element.parent("td").next('input[data-content]') );
},
}) |
et j'ai constaté que le span disparraît et la class du input change bien avec f-error, quand l'erreur est générée lorsque je sors la souris du champs.
Mais data-content ne prends pas la valeur souhaitée.
je vous avoue que je ne sais pas comment je peux expliquer clairement le problème. Est-ce que vous voyer ce que je cherche à faire?
Ou auriez-vous une autre solution?
Je suis désolé pour le manque d'information que je pourrais apporter
