郵便番号から住所の一部を自動入力


先日、とあるお客様からの要望で、入力した郵便番号から自動的に住所の一部を自動入力できるしくみをフォームに設置しました。
WEB上で御見積り・発注を行うシステムなのですが、ユーザーの入力の手をなるべく煩わせないようにすることが目的です。

一番重要な条件は、
“郵便番号と住所はメンテナンスする必要がないこと”
ということ。


いろいろと適切なサービスがないか探してみた結果、GoogleTranslateのAPIに郵便番号から住所を取得するものが提供されていて、利用ライセンス上もリンクが義務付けられるなどの面倒な条件もなかった為、これと連携することで実現することができました。

(↓サンプル・デモです。適当な郵便番号7桁を入れて「郵便番号から住所を入力」をクリックしてください。)

郵便番号
住所

郵便番号から住所を取得する部分はGoogleがJSON形式で返してくれるので、後はこちら側でJavascriptを使って住所部分を取得して所定の位置に自動記入します。

郵便番号の入力も半角、全角、ハイフン(-)なし/あり、いずれの形式でも認識できるようにしています。

なんといっても、郵便番号と住所の変換はGoogleにお任せなので、
メンテナンスが不要というのが良いと思います。

あなたのWEBサイトにも、こうしたちょっとした工夫をしてみませんか?

カテゴリー: WEB

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

カテゴリー