※ スクリーンショットは全て公式サイトデモより。

最近はJavaScriptで入力チェックを行うサイトも増えてきた。もちろん、サーバサイドでのチェックを欠かすことはできないが、クライアントサイトでチェックできると、その場ですぐに入力訂正が促せるのでユーザビリティが高い。

各入力チェックはもちろん、入力フォームをさらに便利にしてくれるライブラリがこれだ。

今回紹介するオープンソース・ソフトウェアはwForms、JavaScriptフォームライブラリだ。

wFormsではJavaScriptによる入力チェックをはじめとする各種ライブラリが提供される。入力の際にヒントを表示するもの、フォーカスが外れた時にその場でチェックを行うもの、ウィザード形式に入力を促すものもある。

また、複数回一気に入力する事ができるようにする動的フォーム等、便利なライブラリもある。各スクリプトは個別に分かれているので、必要なものをそれぞれ読み込むようにすればサイズの肥大化を抑えることもできる。

JavaScriptをうまく使いこなせばユーザビリティの高いシステムが構築できる。そしてそれを低コストで実現してくれるのがwFormsだ。

wForms - A Javascript Extension to Web Forms - The Form Assembly - The Form Assembly
http://www.formassembly.com/wForms/