こっちの方が良い?【jquery.jpostal.js】をつかってみた

https://code.google.com/p/jpostal/

https://github.com/ninton/jquery.jpostal.js

よくある郵便番号→住所の自動入力のプラグインだが、当社ではzip2addrを良く使っていた。

ただ、郵便番号の前半と後半を分けたり、出力先を変えたりなど

できないことが幾つかあり、そこはお客さんに折れてもらっていた

これはいろいろできるみたいなので試してみた

JS読み込み


&lt;script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="//jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"&gt;&lt;/script&gt;

1 2	<script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.min.js"></script> <script type="text/javascript" src="//jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>

「普通」パターン


$('#postcode1').jpostal({
		postcode : [
				'#zipcode'
		],
		address : {
				'#prefectures'  : '%3',
				'#city'  : '%4',
				'#town'  : '%5',
				'#number'  : '%6',
				'#name'  : '%7'
		}
});

$('#postcode1').jpostal({

postcode : [

'#zipcode'

address : {

'#prefectures' : '%3',

'#city' : '%4',

'#town' : '%5',

'#number' : '%6',

'#name' : '%7'

}

});

書式	項目
%3	都道府県
%4	市区町村
%5	町域
%6	大口事業所の番地
%7	大口事業所の名称

「郵便番号を分ける」パターン


$('#postcode2').jpostal({
		postcode : [
				'#zipcode2-1',
				'#zipcode2-2'
		],
		address : {
				'#prefectures2'  : '%3',
				'#city2'  : '%4',
				'#town2'  : '%5',
				'#number2'  : '%6',
				'#name2'  : '%7'
		}
});

$('#postcode2').jpostal({

postcode : [

'#zipcode2-1',

'#zipcode2-2'

address : {

'#prefectures2' : '%3',

'#city2' : '%4',

'#town2' : '%5',

'#number2' : '%6',

'#name2' : '%7'

}

});

postcodeの指定を2つに分けるだけ

「都道府県と市区町村を同じ場所に」パターン


$('#postcode3').jpostal({
		postcode : [
				'#zipcode3'
		],
		address : {
				'#prefectures3'  : '%3%4',
				'#town3'  : '%5',
				'#number3'  : '%6',
				'#name3'  : '%7'
		}
});