フォームの入力をもっと快適にする「jq-idealforms」
jq-idealformsはjQuery/JavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。
Webサイトでフォーム入力を行う機会はとても多いです。だからこそ変な作りのフォームでは入力途中で嫌になってしまって閲覧者が逃げてしまいます。そんな勿体ない取りこぼしのようにできるフォームがjq-idealformsです。
[](http://images.moongift.jp/2013/06/Screenshot 2013-06-03 11.25.38.1370263412.png)
レスポンシブWebデザインなフォームです。入力時にリアルタイムチェックしてくれます。
[](http://images.moongift.jp/2013/06/Screenshot 2013-06-03 11.25.44.1370263417.png)
OKだと青くなります。
[](http://images.moongift.jp/2013/06/Screenshot 2013-06-03 11.26.04.1370263422.png)
カレンダーは選択式です。
[](http://images.moongift.jp/2013/06/Screenshot 2013-06-03 11.27.31.1370263428.png)
チェックボックスなどのデザインがカスタマイズされています。
[](http://images.moongift.jp/2013/06/Screenshot 2013-06-03 11.27.43.1370263434.png)
ドロップダウンも色がついています。
jq-idealformsではステップごとに表示を分けたり、キーボードの入力をリアルタイムにサポートしていたりと便利な機能がたくさんついています。ブラウザはIE8以降の他メジャーなブラウザに対応し、Android 4.0やiOS 5.0以降に対応しています。
MOONGIFTはこう見る
モダンなブラウザをターゲットにするのであればフォームはAjaxの方が分かりやすいと思います。入力がそのまま維持されるので、エラーがあればすぐに直せます。レンダリングし直す場合、リセットボタンを押しても入力が空にならない問題も起こります。
ファイルのアップロードが問題ですが、FileReaderが使えるならhiddenの中に埋め込んでしまえば良いでしょう。昔からあるフォーム機能も今の機能に合わせて作り替えるともっと入力のしやすい、結果の得やすいものになる可能性があるはずです。