Discussion :

[pierrot10]

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

En gors, la librairie quand elle générer une erreur, va m'afficher le span que l'on voit ci-dessous:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 jquery :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Toufik83]

Bonjour,

Tu veux mettre le texte de <span> dans l'attribut data-content de l'input? c'est bien ça ?, si oui tu peux le faire directement comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$("#q2").attr("data-content",$("#q2-error").text());