◆郵便番号を入力すると自動で住所が入力される機能
1:まずは上記サイトからajaxzip2をダウンロードし、FTPでアップします。私はjs関連はテーマフォルダの中にjsというフォルダーを作ってその中に入れるようにしているので、URLはその記述で説明します。
アップするファイルはajaxzip2.jsとdateフォルダです。
テーマフォルダの中にjsフォルダを作り、その中に入れると下記のようなURLとなります。
アップロードする場所が違う場合はURLを変えてください。
2:ヘッダー(の前)かフッター(の前)に下記のscriptを入れます。
<script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/ajaxzip2/ajaxzip2.js" charset="UTF-8"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(function(){
AjaxZip2.JSONDATA = "<?php bloginfo('template_url') ?>/js/ajaxzip2/data";
jQuery('#zip').keyup(function(event){
AjaxZip2.zip2addr(this,'pref','addr');
})
})
//]]>
</script>
3:フォームの設定をする
郵便番号:[text zip id:zip] 都道府県 [text pref id:pref] 住所 [text addr id:addr] [ を半角にしてください。上記では全角にしています。
※透かし文字を入れると何故か動作しなかったので入れませんでした。
これでフォームに郵便番号を入力すると都道府県と住所に自動入力されます。
郵便番号はハイフンありでも無しでも大丈夫でした。 存在しない郵便番号を入れると何も反応しません。 これで完了です。