Comment afficher le message d'erreur avec info-bulle jquery?

Question

Je suis mes contrôles dans la validation d'une forme ... si un contrôle est vide je voudrais montrer une info-bulle jquery avec cette erreur msg .. Voici ce que je fais ...

if (document.getElementById("ctl00_ContentPlaceHolder1_ListDiscipline") 
    .selectedIndex == -1) 
{ 
    document.getElementById("ctl00_ContentPlaceHolder1_ErrorMsg").innerHTML = 
     "please select your Discipline"; 
    document.getElementById("ctl00_ContentPlaceHolder1_ListDiscipline").focus(); 
    return false; 
} 

et i voudrait faire comme ça,

if (document.getElementById("ctl00_ContentPlaceHolder1_ListDiscipline") 
    .selectedIndex == -1) 
{ 
    // show tooltip besides the control with the error message... 
    document.getElementById("ctl00_ContentPlaceHolder1_ListDiscipline").focus(); 
    return false; 
} 

Toute suggestion ...

Answer 1

Here vous trouverez quelques plugins utiles pour faire des infobulles avec jQuery

Par exemple avec qTip installé vous pouvez faire quelque chose comme ceci:

if (document.getElementById("ctl00_ContentPlaceHolder1_ListDiscipline") 
.selectedIndex == -1) 
{ 
    $('#ctl00_ContentPlaceHolder1_ListDiscipline').qtip(
    { 
    content: "please select your Discipline" 
    }); 
    document.getElementById("ctl00_ContentPlaceHolder1_ListDiscipline").focus(); 
    return false; 
}