Powertip
Powertipを使って、フォームの入力補助テキストを表示する。
とても便利だったので、簡単にメモ。

1.下のようなHTMLフォームを用意する。

2.powertipライブラリのjs, css ファイルを読みこませる。
ダウンロード ↓
http://stevenbenner.github.io/jquery-powertip/

3.新たにcontact.js等でファイルを作成し、powertip表示スクリプトを記述していく。

仕様は、テキストを、focus, keydown&keyup&keypress&change, blurのトリガーで表示させたい。
その都度バリデーションを行ない、フォーカスした時・入力テキストがValidの時・入力テキストがValidでないときそれぞれのテキストを定義する。

次に、バリデーションのための関数も定義。

そして、tooltip表示の関数を定義する。


Leave a Reply

Your email address will not be published. Required fields are marked *