郵便番号から住所自動入力の商用版サイトです。
By ピエールソフト 2014.7.5
htmlに1行追加で 住所入力を自動化 できます。

jqueryプラグインで操作する

■郵便番号欄に1010021と入力してみよう。
→セット後フォーカスを番地以降にした。


jqueryプラグインのデモ

1)一般的な形(zip,pref,addr)

郵便番号 [必須]
都道府県
住所
番地以降

2)3-4桁に分ける(zip01,zip02,addr02)

郵便番号 [必須] -
住所

▲ページの先頭へ

[利用方法]
▼jquery、zipaddrx.js、jzipaddr3.jsを定義。
▼最後に、Zip.x(zipaddr) を呼び出す。
 他は、zipaddr.comの仕様に準じる。

[jqueryプラグインでの記述例]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://zipaddr.github.io/zipaddrx.js" charset="UTF-8"></script>
<script src="https://zipaddr.github.io/jzipaddr3.js" charset="UTF-8"></script>

<script type="text/javascript">
$(document).ready(function(){
    $("").zipaddr();
    Zip.x();   // 最後にzipaddrを呼び出す。
});
</script>

▼パラメータの変更例

<script type="text/javascript">
$(document).ready(function(){
    $("").zipaddr( {focus:"addrs",dli:""} );  // パラメータの設定。
    Zip.x();   // 最後にzipaddrを呼び出す。
});
</script>

▼変更可能なパラメータ
  zip:  郵番7桁(又は上3桁)のid名
  zip1: (郵番下4桁:省略可)のid名
  pref: 都道府県のid名
  city: 市区町村のid名
  area: 地域名のid名
  addr: 番地名のid名
  focus: フォーカスのid名
  dli:  郵番の区切り文字(defaultは'-')

▲ページの先頭へ

◎更新履歴

Ver --- 2016.10.13
 ・jzipaddr3.jsをgithubに配置しました。

Ver 2.3 2016.09.18
 ・zipaddrx対応でjzipaddr3.jsにした。

Ver 2.2 2015.08.24
 ・バグ対策、拡張性等を大幅に改善した。

Ver 1.1 2014.07.05
 ・初期バージョンを公開しました。