web-dev-qa-db-ja.com

都道府県フィールドに州を入力しないようにするにはどうすればよいですか?

市、州、国のフィールドを持つフォームがあります。このデザインでは、ユーザーが国を選択してから州を選択し、アイテムが見つからない場合は組織の名前を入力し、その後に都市を入力します。およそ5%の人が「City Name、ST」と入力しています。例えば「Boulder、CO」または「Boulder、Colorado」。 「ブルックリン、ニューヨーク」のように、カンマが意味をなす場合があります。

この問題に対する良い解決策はありますか?

編集:30%の国際住所があるため、郵便番号のトリックは実際には機能しません。

更新:投稿のコンマテキストを検証するというキノのアイデアが好きです...

4
jcampbell1

autocompleteを使用してみてください。ユーザーが入力を開始すると、都市とそれに対応する州のリストが表示されます。

enter image description here

長所

  • ユーザーは完全な名前を入力する必要はありません。
  • ユーザーは名前のスペルを間違えることはありません。
  • エラーメッセージやエラー処理の必要性が少なくなります。

あなたに役立つかもしれない [〜#〜] api [〜#〜] が見つかりました。

10
Ilias Bennani

最初にユーザーの郵便番号を要求することで、市(および州)フィールドを自動化できます。すべてのコードは特定の州と相関関係にあり、開発者は、ユーザーがZipコードを入力した後、適切な都市と州をフィールドに入力するツール/ APIを使用できます。

都市フィールドを自動化することで、ユーザーの間違いを防ぎ、フォームの入力に費やす時間が短縮されます。

更新:一部のコメントは、自動化が失敗する可能性があることを示唆しています。

多くのサイトでも、ユーザーに最初に郵便番号を入力させ(Appleを参照)、次にそれに基づいて市と州を自動入力しますが、これを開発する際にいくつかの問題が発生する可能性があります。

enter image description here

一部の郵便番号は、複数の都市/町などが含まれる結果を生成できます。これは、都市の配列からのオプションを含む選択/ドロップダウンが必要であり、ユーザーが正しい都市を選択できるようにする必要があることを意味します。とにかく、国はこのステップですでに選択されているため、郵便番号の形式はわかっています。

また、誰かが郵便番号なしでこのフォームに問題なく記入できる方法を提供します。

提案ドロップダウンは開発中にさらに問題が発生する可能性がありますが、アイデアも良好です(状態を入力する際の自動提案ドロップダウン)。これには、最初の方法より多くの相互作用が必要であり、この方法では、考えられるすべての都市名のデータベースが必要です。

リソース(これは、そこに多くの優れたツールがあることを確認するためのものです):

5郵便番号API

郵便番号googleジオコーディングから都市名を取得

Google Maps API

5
Madalina Taina

私はそのフィールドとアドバイスのコンマの後にすべてを検証します:

validate after comma

3
Keno