skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

フォームの項目をチェックする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」