[Résolu] Tooltip Bootstrap pour Indiquer Erreur

Bonjour,

Je cherche à valider un champ par Jquery en passant par Ajax

Si il y a une erreur j'aimerai utiliser Tooltip Bootstrap pour avoir un texte d'erreur en dessous du champ pour ressembler aux messages automatiques de validation de champ

Je ne sais pas si on peut utiliser cette méthode de tooltip mais si c'est le cas où se trouve l'erreur

Mon champ

<div class="form-group row">
                        <label for="reference" class="col-sm-4 col-form-label ">Reference</label>
                        <input class="col-sm-7 col-form-label" type="text" name="reference" id="reference" required placeholder ="Format plant_xxx" pattern="^plant_[0-9]{3}$" >
                        <div id="myTooltip" class="tooltip hide">
                            
                            </div>    
                     </div>

Mon tooltip

<div id="myTooltip" class="tooltip hide">
   <div class="tooltip-inner">
    Erreur d'enregistrement
   </div>
   <!--<div class="tooltip-arrow"></div>-->
 </div>

if(response.error)
                {
                $('#myTooltip').tooltip('show')    
                //$('#reference').addClass('error').after('<span class="error">'+ "Cette référence est déjà enregistrée" +'</span>').next().hide().delay(speed).slideDown(speed);
                }

Modifié par dudu22 (01 Dec 2023 - 11:18)