MENU

「11行で郵便番号から住所を自動表示させる」が生まれ変わりました!

できた! さしあたり!

$(document).on('keyup change', '[name="yuubin"]', function(e){
  if(!([8, 46].includes(e.keyCode))){
    let _val = $(this).val().replace(/[^0-9]/g, '');
    if(_val.length > 2) _val = _val.slice(0, 3) + '-' + _val.slice(3, 7);
    $(this).val(_val);
    $.getJSON('https://madefor.github.io/postal-code-api/api/v1/' + _val.replace('-', '/') + '.json', function(json){
      $('[name="todoufuken"]').val(json.data[0].ja.prefecture);
      $('[name="shikuchouson"]').val(json.data[0].ja.address1 + json.data[0].ja.address2);
    });
  }
});

See the Pen 11行で郵便番号から住所を自動表示させる[NEW!] by PieceDesignInc. (@xyyyyxww) on CodePen.

使えなくなったhttps://api.zipaddress.netに替わりこちら↓を利用しています。

あわせて読みたい
郵便番号 API
INDEX

利用方法

あわせて読みたい
たった11行で郵便番号から住所を自動表示させるスクリプト(おまけでハイフンの自動挿入ほか)
たった11行で郵便番号から住所を自動表示させるスクリプト(おまけでハイフンの自動挿入ほか)(2020年12月8日追記)この記事で紹介しているスクリプトが動かなくなってしまったので、別のAPIを利用したNEW版を作りました!https://piecedesign.co.jp/lab/1063/採...

↑とまったく変わりません11行のJSの記述のみ、差し替えればOKです。まーその11行も、変更されているのは3行だけですけどね。

これでひとまず、運用中のサイトへの対応は問題なさそう。よかったよかった。

  • URL Copied!

コメント

コメントする

CAPTCHA


INDEX
閉じる