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

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ!Yahoo!ブックマークに登録このエントリーをdel.icio.usに追加する

[ 1分で読めて簡単導入できます]

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

JavaScriptライブラリ
JavaScriptライブラリまとめ
JavaScriptライブラリのメインストリーム「jQuery」プラグインまとめ
jQueryプラグインまとめ
通が好むJavaScriptライブラリ「mootools」プラグインまとめ
mootoolsプラグインまとめ