フォームで郵便番号から住所の一部を入力するajaxzip3を使ってみた

Tweet

アクセス解析で、資料請求フォームからの離脱率が高いってことが判明したので、ウェブフォームの見直しを行うことにしたのだけれども、その中で、郵便番号を入れたら住所が途中まで入るようにしたほうがいいんじゃね？ って言われたので、つけることにしました。

んで、Dan KogaiのJSONPで住所を入力してしまうやつを思い出して、あれでJSONPを覚えて、応用してスター評価システムを作ったなあとか思ったのですけれども、

404 Blog Not Found:javascript + perl - yubin2jsonp [blog.livedoor.jp]

これって、郵便番号のメンテナンスの部分でちょっとハードル高いので、僕がいつ首になってもいいように、メンテナンスフリーのスクリプトを探したら、ありました。

ajaxzip3 - 郵便番号検索API, JSONP対応 これで郵便番号のメンテナンス作業から解放されます。 - Google Project Hosting [code.google.com]

例：

郵便：
住所：

このとおり、どこでも設置できます。

onkeyupに書くのが嫌なら、

$( function() {
  $('#zip20110713').keyup(function() {
    AjaxZip3.zip2addr(this,'','address20110713','address20110713');
  });
});

のように、jQueryでイベントにくっつけてあげてもいいですね。

2011.07.13 22:22 投稿　大野 義貴 [Web] | 固定リンク |