フォームの項目をチェックするjavascript「fValidator」

双方向性時代になりフォームは重要性を増し、簡便性に加え入力チェックが必須となってきています。
Fabio Zendhi NagaoのfValidatorでは、リアルタイムにフォームの項目をチェックすることができます。

使用方法
fValidatorからfValidator.jsをダウンロードし、さらにmootools.jsをダウンロードします。
2つのスクリプトをhead内に埋め込み、後はフォームを普通に書きます。
そして、必須項目の場合はclassにfValidate['required']を付与するだけです。
またrequiredのほかにも以下のようなオプションがあるので、項目に合わせ適宜付与してください。
・required：必須項目
・alpha：アルファベット
・alphanum：アルファベットと数字
・integer：数字
・date：日付（mm/dd/yyyyの形）
・phone：電話番号
・email：E-mail
・url：URL
フォームの項目をチェックするjavascript「fValidator」サンプル

2007年08月05日

前の記事：グラフとイベントを併記できる沿革作成javascriptAPI「Timeplot」
次の記事：画像をスライド表示させるjavascript「iCarousel」

関連記事

• フォームをリアルタイムでチェックするjavascript「FormCheck」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• [mootools]WysEditor
• [mootools]TimeSpinner
• [mootools]Time Picker

• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」
• レイヤー表示（？）JavaScript「jParallax」
• スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」