クリエイター:コーディング備忘録ブログ

コーディング

第六十二回「簡単ajaxzip3を使って、郵便番号を入力すると住所が自動表示されるフォームを作成する。」

「ajaxzip3」を使えば、郵便番号を入力すると住所が表示されるシステムが構築できます。
それでは、使い方を見ていきます。

■head内に下記スクリプトを記載します。

■フォーム内にはこのように記載します。

■使用感はこんな感じです。■
※フォームはこんな感じで、郵便番号に数字を入力すると…

bandicam 2016-07-28 19-54-55-447

※7ケタの数字を入れます。すると、住所が自動生成されます。

bandicam 2016-07-28 19-55-09-910

※さらに、郵便番号の3ケタの後ろにハイフンを入れても…

bandicam 2016-07-28 19-55-54-504

※しっかり表示されます。

bandicam 2016-07-28 19-55-59-896

★完成★

短い記述で、コンタクトフォームの入力補助が出来るようになりました。
お問合せやご注文時や会員登録の入力って面倒なので、補助することができればコンバージョンが増える事間違いなしでしょう!

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP