「郵便番号検索」を使用したいフォームにJavaScript(zip.js)
を貼り付けます。
1・「zip.js」を貼り付け
<!-- 郵便番号取得JavaScript -->
<SCRIPT language="JavaScript" src="zip.js"></SCRIPT>
2-1・「郵便番号7ケタ」Inputタグ、「住所」Inputタグ、「じゅうしょ」Inputタグを用意
2-2・「郵便番号・検索」ボタンを用意(ここで1・JavaScriptを使用する)
「郵便番号」のInputタグ、「住所」のInputタグ 部分のソース
<!-- ★郵便番号・検索部分 ★ -->
<TR>
<TD width="20" align="left"></TD>
<TD width="186" align="left"><B><font color="#FF0000"><font size="2"> 郵便番号</font></font></B><font color="#FF0000">:</font></TD>
<TD width="468" align="left"><p class="mid3">
<font size="2">
<INPUT maxLength=8 name=ZIPCD size=12><FONT color=#ff0000>(必須)</FONT><font color="#008080">(注意:半角数字のみ7ケタ入力)</font>
<FONT color=#ff0000><!-- ADDRESS=住所を入力するNAME ZIPCD=郵便番号NAME 引数[3](★)or[なし] SERVER選択 -->
<!-- ★以前は[4]でしたがこのサーバは近々無くします。★
-->
★1・「住所」のみを取得したい場合
<input type="button" value="郵便番号検索" name="zip_cd"
onclick="ZipSerch(this.form,ADDRESS,ZIPCD,3)" >
<!-- ●
「zip_copy.cgi」を別ディレクトリ設置にしたい場合,下記のようにします。●
-->
<!-- 最後の引数にはドメイン以下(ドメインを除く)のcgi設置フォルダ指定をします。最初と最後は'/'が必要です。-->
<!-- <input type="button" value="〒番号検索" name="zip_cd"
onclick="ZipSerch1(this.form,ADDRESS,'',ZIPCD,3,'/xxx/cgi-bin/')" >
-->
★2・「住所」、「じゅうしょ」を取得したい場合
<input type="button" value="〒番号検索"
name="zip_cd" onclick="ZipSerch1(this.form,ADDRESS,ADDRESS1,ZIPCD,3)" >
<!-- ●
「zip_copy.cgi」を別ディレクトリ設置にしたい場合,下記のようにします。●
-->
<!-- 最後の引数にはドメイン以下(ドメインを除く)のcgi設置フォルダ指定をします。最初と最後は'/'が必要です。-->
<!-- <input type="button" value="〒番号検索" name="zip_cd"
onclick="ZipSerch2(this.form,ADDRESS,ADDRESS1,ZIPCD,3,'/xxx/cgi-bin/')" >
-->
郵便番号入力後ボタン押すと住所,ジュウショ記入が不要!
</FONT>
</font>
</p>
</TD>
<TD width="265" align="left"><font color="#008080" size="2">7ケタ以下では候補がいくつか表示されます。</font></TD>
</TR>
<!-- ========================= -->
<!-- ★郵便住所・検索結果表示部分 ★ -->
<TR>
<TD width="20" align="left"></TD>
<TD width="186" align="left"><b><font size="2" color="#0000FF"> ご住所</font></b></TD>
<TD width="468" align="left"><font size="2"><INPUT maxLength=80 name=ADDRESS size=77></font></TD>
<TD width="265" align="left">
<p class="mid3"><FONT color=#ff0000 size="2">(必須)</FONT></p>
</TD></TR>
<TR>
<TD width="20" align="left"></TD>
<TD width="186" align="left"><b><font size="2" color="#FF00FF">ジュウショ</font></b></TD>
<TD width="468" align="left"><font size="2"><INPUT maxLength=80 name=ADDRESS1 size=77></font></TD>
<TD width="265" align="left">
</TD></TR>
<TR>
<!-- ========================= -->
3・「zip_copy.cgi」(perl)が御社(あなた)のフォームに郵便番号検索結果「住所と住所ふりがな」を自動貼り付けします。
特に「zip_copy.cgi」を意識しなくても、「郵便番号検索データベース」(DigitalWave)から自動的にアクセスするためのCGIです。
■
注意事項
フォームメール内でよく「名前」のinputタグ名に「name」などと使用する場合がありますが
これはJavaScriptプログラム内で使用する「form.name」(フォーム名称)と混同しますので
name==>myname、my_name,NAMEなどとしてください。
特に既にあるフォーム名称に使用する場合は気をつけてください。
以上 簡単ではありますが説明を終わります。
■
その他
疑問、質問があれば、可能な範囲でお答えします。
(サンプル参照
このフォーム入力送信(サンプル兼用)を御利用していただくか、
()までお問い合わせください。)