javascriptライブラリSpryで作成するフォームチェック

画像処理ソフトなどでおなじみのAdobeがAjaxのフレームワークSpryを提供しています。
SpryにはWidgetというものがあり、これを使用すると簡単にさまざまなツールを作成できます。
今回は、その中からValidation Widgetsを紹介します。

使用方法
Adobe Labs - Spry framework for Ajaxからspryをダウンロードします。
なおユーザー登録が必要になります。
ダウンロード＆解凍するとさまざまなファイルがでてきますが、今回はwidgetsフォルダのtextfieldvalidation、selectvalidation、textareavalidation、checkboxvalidation、radiovalidationのファルダが必要です。
また使用している画像が2点あります（ok.gif、error.gif）。
あとは、demoに入っているvalidation.cssやvalidation.htmlをアップロードしたり、ソースを見れば簡単に自分好みの設定にできると思います。
javascriptライブラリSpryで作成するフォームチェックサンプル

2007年10月24日

前の記事：高機能なツールチップjavascript「Prototip」
次の記事：Movable Typeの記事作成時に過去タグから選択できるプラグイン「TaggingHelper」

関連記事

• [jQuery]Simple jQuery form validation
• [jQuery]validate() plugin
• [jQuery]Vinter.validate jQuery plugin
• 入力項目の確認とヒントを同時に行うjavascript「ValidationHints」
• フォームをリアルタイムでチェックするjavascript「FormCheck」

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」