ユーザにテキストを入力してもらう際に何らかの入力規則を設けることがあります。面倒なのは文字数チェックなどではなく、データベースに入っているものから選んで欲しい場合です。入力が終わってからデータベースと付け合わせるのでは面倒であり、入力しながら候補をリストアップできると便利です。 そこで使いたいのがautoComplete.jsです。Webベースの入力補完ライブラリです。 autoComplete.jsの使い方 実際に使っているところです。文字を入力するたびに候補が絞り込まれます。 autoComplete.jsでは入力した文字がちゃんと繋がって意味をなすStrictモードの他、文字が離れていてもいいFuzzyモードが用意されています。より多くの候補を出したい場合にはFuzzyモードが便利です。他のライブラリへの依存はなく、逆に別なフレームワークとも自由に組み合わせられるでしょう。 auto
HTML5のinput typeはdateやtimeなどの指定によって入力できる情報が変わるようになり、UXが改善されています。しかしさらに細かい入力制御を行う場合にはJavaScriptに頼らないといけません。 よりユーザビリティの高い入力インタフェースを実現したいならばCleave.jsを使ってみるのはいかがでしょう。 Cleave.jsの使い方 よくあるクレジットカードの入力フォームです。 桁数の制御はもちろん、カードの種別も出るようになっています。 電話番号。日本の場合は特に制御はなさそうですが、数字のみ入力できます。 日付の入力です。スラッシュが自動的に入力されます。 3桁ごとにカンマが入る入力です。 指定した文字ごとにスペースを空けたり、指定した文字(ダッシュなど)を追加できます。 郵便番号や電話番号の入力でダッシュが入っているからエラーなどという酷いUIのサイトはたくさんあり
typeahead.js a flexible JavaScript library that provides a strong foundation for building robust typeaheads
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く