ツールチップ(Ajax版)

説明補足説明コード関連書籍コメント投稿

このサンプルは、jQueryのjTip()プラグインを利用してツールチップを表示します。マウスを「？」上に移動するとツールチップが表示されます。ツールチップの内容はhtmlファイルに格納しておきます。たとえば、パスワードのツールチップは「jtipPassword.htm」に宣言しています。

このサンプルは、jQueryのjTip()プラグインを利用してツールチップを表示します。マウスを「？」上に移動するとツールチップが表示されます。ツールチップの内容はhtmlファイルに格納しておきます。たとえば、パスワードのツールチップは「jtipPassword.htm」に宣言しています。

jtipPassword.htm

<ul>
  <li>1) Password must be <strong>between 6 - 20 characters</strong> long</li>
  <li>2) Password must contain at least <strong>one letter</strong></li>
  <li>3) Password must contain at least <strong>one number</strong></li>
  <li>4) Password <strong>cannot</strong> contain <strong>special characters</strong> (@, %, etc)</li>
  <li>5) Password cannot be the same as the User ID</li>
  <li>6) Password validation is <strong>case sensitive</strong></li>
</ul>