日常

ケ・セラ・セラ

郵便番号からの住所保管にyubinbangoが簡単便利

javascript

こちらを使ってみた。class を指定するだけというのがいい。

yubinbango / yubinbango

README にあるが、基本的な使い方はこんな感じ。たったこれだけ。 form に class="h-adr" をして、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" /><br>
</form>

住所欄を分けるバージョン

<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="3" maxlength="3">
  <input type="text" class="p-postal-code" size="4" maxlength="4"><br>

  <input type="text" class="p-region" readonly /><br>
  <input type="text" class="p-locality" readonly /><br>
  <input type="text" class="p-street-address" /><br>
  <input type="text" class="p-extended-address" />
</form>