Как показать сообщение об ошибке с помощью подсказки jquery?

Question

Я проверяю свои элементы управления в форме ... если элемент управления пуст, я хотел бы показать подсказку jquery с этой ошибкой msg .. Вот что я делаю ...

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;
}

и я хотел бы сделать это,

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;
}

Любое предложение ...

Answer 1

Здесь вы найдете несколько полезных плагинов для создания подсказок с помощью jQuery

Например, с установленным qTip вы можете сделать что-то вроде этого:

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;
}