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

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

sponsors

使用方法

Adobe Labs - Spry framework for Ajaxからspryをダウンロードします。
なおユーザー登録が必要になります。
ダウンロード&解凍するとさまざまなファイルがでてきますが、今回はwidgetsフォルダのtextfieldvalidation、selectvalidation、textareavalidation、checkboxvalidation、radiovalidationのファルダが必要です。
また使用している画像が2点あります(ok.giferro.gif)。

あとは、demoに入っているvalidation.cssやvalidation.htmlをアップロードしたり、ソースを見れば簡単に自分好みの設定にできると思います。

sponsors

Javascriptサンプルページ一覧
skuare.net

サンプル

Title:
Valid Please enter a title.
Rating:
Valid Please select a rating.
Date:
Valid Please enter a date. Please enter a valid date (mm/dd/yyyy).
Duration (minutes):
Valid Please enter a duration. Please enter a positive number.
Studio:
Valid Please select a studio.
Description:
Valid Please enter a description. Please enter at least 20 characters.
/ 180