まずは今回つくるものをご覧ください。
jQueryプラグインでも見たことがあるような よくあるフェードで切り替えるやつです。
これを作ってみましょう。
前編では ニュースティッカーを実装するところまで
後編では 前編で作成したニュースティッカースクリプトをjQueryのプラグインにしていく予定です。
結構長いので数回に分けて投稿していきます。。。
JavaScriptとjQueryがちょっとわかる人なら理解できる…はずです。
Ajax Username Checker – Ajax Username Checkerのサンプル
– jQuery、PHP、CSVを組み合わせて、入力したユーザネームが利用できるかどうかをチェックできるよ！
というのがあるんですがOKWave（と教えてgoo）からリファラーがきてて
みたら jQuery.validation.jsとAjax Username Checkerを一緒に使えないか みたいな感じでした。
で 面白いのでjQuery.validation.jsで使えるようにソースを修正してみました。
変更項目は、
です。
せっかくの勉強のログなので未完成・ボツネタも公開しておきます。
ある案件で時間をスライダから選択できるものがほしい
と言われ、UI Sliderの勉強も兼ねてなんとなく作っていたところ
資料集めてる途中で断然使いやすいものを見つけてしまいなんとなく折れてしまいました。
僕が作りかけていたものはこれ。。。
中途半端な感じですけど やりたかったのはこんな感じ。
select要素からスライダ作成して イベント繋げて っていうselectableみたいなやつです。
UI Sliderの使い方は一通り理解できたのでこれはこれでよかったかなぁ。
とりあえず近いうちにUI Sliderの使い方でも解説してみます。
と思ったらマイコミのハウツーにあった…笑
要望のあった文字数チェックを追加したので使い方の抜粋を載せておきます。
詳しくはjQuery.validation.jsの記事を参照してください。
パスワードなどの項目に入力文字数の制限をかけたいときは
<input type="password" id="pass" name="pass" value="" class="required min6 max12" />
のようにclassに
を含ませます。もちろんmin・maxどちらか一方だけを指定でき、
また他のすべてのチェックと併用することができます。
ただし複数項目のメールアドレスは 文字列に@を含めるので1文字多く数えられます。
(メールアドレスに入力文字数制限を使うことはないと思うのでそのままにしてます。)
