郵便番号で住所の入力補助をする：JavaScriptサンプル

JavaScript

郵便番号で住所の入力補助をする

フォーム等で住所を入力してもらう際に、郵便番号から住所を検索して、自動的に入力されるようにするJavaScriptです。郵便番号から検索して入力の補助がされる事で、ユーザーは入力の手間を省け、さらには入力ミスも減らすことが出来ます。

JavaScriptで実現していますので、サーバでPHP等のCGIが使えなくても利用出来、さらには約12万件の郵便データをサーバ側で検索する負担を減らす事が出来ます。郵便のデータは、日本郵便が提供しているデータを使っているのですが、そのデータは更新されますので、この入力補助システムの郵便データも更新が必要になります。その際には、データファイルだけ更新すれば最新のものになります。

ご利用について

個人利用の場合はフリーでご自由にお使いいただけます。
法人・商用利用の場合はWEB上手(www.web-jozu.com)へのリンクを貼ってください。
個人利用の場合でもリンクを貼っていただけると、幸いです。

法人・商用利用の方でリンクを貼っていただけない場合はシェアウェア料金をお支払いいただくことで、ご自由にお使いいただけます。料金は以下のVectorのシェアレジでお支払いいただけます。
※著作権は放棄していません。詳細はご利用規定をご覧ください。

【料金】　￥1,500 （税込）　Vectorの手数料を（含みます）
Vectorシェアレジでのお支払いはこちら　（お支払い方法について）

ダウンロードおよび設置方法

郵便番号で住所の入力補助の必要ファイルのダウンロード（1MB）
　　　※ご利用規定に同意出来る方のみご利用ください。

特長

ユーザが住所を入力する手間を省け、入力ミスを極力減らす事が出来ます。
数字を全角で入力された場合に自動で半角に変換します。
ハイフン（-）“あり”と“なし”に対応。
JavaScriptで実現していますので、サーバでPHP等のCGIが使えなくても利用出来ます。
約12万件の郵便データを、サーバ側で検索する負担を減らす事が出来ます。

まずは郵便番号で住所の入力補助の必要ファイルをダウンロードします。
「ディレクトリ構成」に従って「zip_input」フォルダをアップロードしてください。
今回はアップロードの際は、全て「アスキーモード」でアップロードします。
「記述」に従って郵便番号の入力補助を設置したいページに記述します。
フォームのname属性は「zip_input.js」の「設定領域」でそれぞれ指定してください。
デフォルトではフォーム名は「test」、県（select）は「prefnum」、住所（input）は「pref」になっています。
「サンプル」のように、郵便番号を入力して住所が表示されれば完成です。

home
├ index.html （郵便番号で住所の入力補助設置ページ）
└ zip_input
├ zip_input.js
└ data
├ 01hokkai.js
｜　　　　　｜
└ 47okinaw.js

<html>
<head>
<title>郵便番号で住所の入力補助設置ページ</title>

<script type="text/javascript" src="zip_input/zip_input.js"></script>

</head>
<body>

<form name="test">
<input type="text" onkeyup="fileNm();">
<input type="button" value="郵便番号検索" onclick="dataSc()">
<span id="errorpref" style="color:#cc0000; font-size:80%;"></span><br>
<br>
<select name="prefnum">
<option value="0" selected>選択</option>
<option value="1">北海道</option>
　　　　　　　　　　｜
<option value="47">沖縄県</option>
</select> <input type="text" name="pref">

</body>
</html>

更新履歴

2011/10/18　　ver1.0.1	・一部地域が表示されない不具合を修正しました。

2011/3/30　　ver1.0.0	・新規公開