ITエンジニア/デザイナ向けにオープンソースを毎日紹介

jq-idealformsはjQuery/JavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。

Webサイトでフォーム入力を行う機会はとても多いです。だからこそ変な作りのフォームでは入力途中で嫌になってしまって閲覧者が逃げてしまいます。そんな勿体ない取りこぼしのようにできるフォームがjq-idealformsです。


レスポンシブWebデザインなフォームです。入力時にリアルタイムチェックしてくれます。


OKだと青くなります。


カレンダーは選択式です。


チェックボックスなどのデザインがカスタマイズされています。


ドロップダウンも色がついています。

jq-idealformsではステップごとに表示を分けたり、キーボードの入力をリアルタイムにサポートしていたりと便利な機能がたくさんついています。ブラウザはIE8以降の他メジャーなブラウザに対応し、Android 4.0やiOS 5.0以降に対応しています。


MOONGIFTはこう見る

モダンなブラウザをターゲットにするのであればフォームはAjaxの方が分かりやすいと思います。入力がそのまま維持されるので、エラーがあればすぐに直せます。レンダリングし直す場合、リセットボタンを押しても入力が空にならない問題も起こります。

ファイルのアップロードが問題ですが、FileReaderが使えるならhiddenの中に埋め込んでしまえば良いでしょう。昔からあるフォーム機能も今の機能に合わせて作り替えるともっと入力のしやすい、結果の得やすいものになる可能性があるはずです。

jq-idealforms

elclanrs/jq-idealforms · GitHub

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch