郵便番号から住所自動入力の有償版サイトです。(プラグインは無料で利用できます)
By ピエールソフト 2025.07.05
htmlに1行追加で 住所入力を自動化 できます。

Wordpressプラグイン yuban-jp の利用方法

(1)yuban-jpの概要
  ・郵便番号から住所を自動入力するツールを簡単に導入する為のWordpressプラグインです。
  ・YubinBango仕様で記述されたhtmlがあれば動かすことができます。

  ※プラグインの自動更新を「自動更新を有効化」にして最新状態を維持して下さい。
  ※互換性を気にしない場合には、Wordpressプラグイン zipaddr-jp をご利用下さい。


(2)良くなる点
  ・目的htmlのデザイン設計/コーディングだけに専念できます。
  ・機能に合わせてモジュールの切替が可能です。


(3)利用方法
  実働モジュールは次の2つがあり、設計者の好みで選択できます。
  1)zipaddrx.js系では下記のようなモジュールが組み込まれます
    <script type="text/javascript" charset="UTF-8" src="https://zipaddr.github.io/zipaddrx.js" ></script>

  2)yubinbango.jsでは下記のモジュールが組み込まれます
    <script type="text/javascript" charset="UTF-8" src="https://yubinbango.github.io/yubinbango/yubinbango.js" ></script>


  ※モジュールの選択は、yuban-jpの設定画面から指示します。

  環境設定


(4)zipaddrx.js系が良いと思われる機能
  ・郵便番号欄に最初から数字で入力
   入力欄のinput文で type="tel" に変換しています。

  ・郵便番号欄が3桁-4桁の操作
   3桁入力すると、4桁欄へフォーカスが移動します。

  ・郵番の区切り文字 '-' の有無は設定で切替
   標準はハイフン有りです。

  ・郵番検索の結果が2件以上あっても処理可能
   ガイダンス画面で選択して確定できます。
   (特殊ケースの例:438-0078)
  ※これによってデータを正確に反映させることができます。

  ・都道府県欄はselect文でも処理可能
   【色々な定義パターンを自動認識しています】
   >キー部が1桁(1:北海道)
   >キー部が2桁(01:北海道)
   >キー部に名称が入る(北海道)


(5)その他の関連情報

  ■プラグインの機能的には、yuban-jp << zipaddr-jp(拡張性) です。

  ■Wordpressプラグイン zipaddr-jp の説明

  ■「YubinBango」仕様のフォームをそのまま利用する方法(別サイト)

▲ページの先頭へ