WEBOPIXEL

簡単設定で郵便番号から住所を自動入力できるJSライブラリ「YubinBango」

Posted: 2018.03.28 / Category: その他 

フォーム入力の郵便番号から住所を自動入力できるJSライブラリとして「ajaxzip3」を使っていたのですが、いつのまにGoogle Codeのサービスが廃止していたということで、調べてみてら「yubinbango」というライブラリがおすすめされていたのでご紹介いたします。

Sponsored Link

使い方

使い方はライブラリを読み込んだら、郵便番号と住所のinputとformにそれぞれクラスを付与します。
後は国名(p-country-nameクラス)に Japan を指定するだけです。
クラス設定だけでいいのですごく簡単ですね。

<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
<form class="h-adr">
	<span class="p-country-name" style="display:none;">Japan</span>
	〒<input type="text" class="p-postal-code" size="8" maxlength="8"><br>
	<input type="text" class="p-region p-locality p-street-address p-extended-address">
</form>
詳しくは下記ページをご確認ください。
yubinbango/yubinbango