フォームの項目をチェックする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」
関連記事
人気記事
最新記事RSS
- でっかいメニューをJavaScriptで作る「Cut & Paste jQuery Mega Menu」
- mootoolsで3Dメニュー「JavaScript 3D Cube Menu」
- これはすごい！テキストに影を付け印象的にする「CSS text-shadow Fun」
- MVPenでアナログの良さを考え直す。
- 第3回「マネタイズHACKS」に参加してみた。
- div要素の幅を伸縮自由にするJavaScript「Ingeny Splitter」
- jQueryでメニューをわかりやすくする「Side Navigation Tooltip / Popup Bubble」
- 入力を促す文字をフォームに表示するJavaScript「JQUERY.FIELDTAG.JS」
- iPhoneライクにスクロールさせるJavaScript「OverScroll」
- twitterタイムラインをJavaScriptで表示「jQuery jqtwitter」