対象 かつぬまケーブルネットをご利用のお客様
内容 共通のCGIを利用して、フォームの内容をサーバーからメールとして送信することができます。
主な機能
・入力エラー表示をブラウザのアラート画面で行います。
・確認画面をアラート画面またはページとして表示可能です。(表示しない設定も可能)
・送信者のメールアドレスにカスタマイズした文面のメールを送信することも可能です。
・FORM部品の名前によるチェックが可能です。
・不正使用されないためのセキュリティ対策
設置方法
まずご自由にフォームをつくり、ルールに従ってタグを追加して下さい。

 

 

フォーム作成例


【注】作成するフォームの様式・項目数に制約はありませんが、1ページに1つとしてください。
お名前 年齢
住所
電話番号
メールアドレス
ご注文品名 数量
発送エリア 北海道  東北  関東   信越   近畿   中国
お支払い方法 振込み  現金書留    代引き[ペリカソ便]
ご意見・ご要望


「お名前」と「電話番号」にオプションの未入力項目のチェックを行なっています。
また、「メールアドレス」は入力されるとチェックを行います。
作成例の確認画面を にする。

 

 

フォーム作成上のルール

フォームを作ったら、下記のようにスクリプト行をヘッダ部に埋め込み
ACTIONを指定して、5つのhidden属性の入力テキストを設定してください。そして
送信ボタンのsubmit属性をbutton属性に変更して、クリック時のスクリプトを定義します。
<head>
  :
<script type="text/javascript" src="/js/mf.js"></script>
  :
</head>
<form method="post" action="/member/mf/mform2.cgi">
<input type="hidden" name="_recipient" value="">
<input type="hidden" name="_next_url" value="">
<input type="hidden" name="_mail_title" value="">
<input type="hidden" name="_mail_style" value="">
<input type="hidden" name="_confirm" value="">
  :
  : (表示スタイル、項目数は自由です)
  : (nameに漢字や記号を使用できます)
  :
 </form>
  :
<input type="submit" ・・ value="送信">
<input type="button" onclick="soushin()" ・・ value="送信">
  :

番号 説明 設定例

受信のためのメールアドレス info@katgsunuma.ne.jp

送信ボタンクリック後の最後のページのURL http://www.katsunuma.ne.jp/~info/thanks.html

受信メールのタイトル <<■お申し込み■>>

メールの形式 "text"を指定すると、テキスト形式。
"html"を指定すると、HTML形式。
指定しなければテキスト形式になります。
確認画面の表示指定 なし 確認画面を表示しません
page 確認画面をページで表示します
alert 確認をブラウザのアラート画面で表示します

番号 説明 設定例

受信のためのメールアドレス info@katgsunuma.ne.jp

送信ボタンクリック後の最後のページのURL http://www.katsunuma.ne.jp/~info/thanks.html

受信メールのタイトル <<■お申し込み■>>

メールの形式 "text"を指定すると、テキスト形式。
"html"を指定すると、HTML形式。
指定しなければテキスト形式になります。
確認画面の表示指定 なし 確認画面を表示しません
page 確認画面をページで表示します
alert 確認をブラウザのアラート画面で表示します

【フォーム作成例】のソースはこのようになります
   赤文字の部分はご自分のメールアドレス、メールタイトルを指定してください。
  :
<script type="text/javascript" src="/js/mf.js"></script>
  :
<form method="POST" action="/member/mf/mform2.cgi">
<input type="hidden" name="_recipient" value="info@katsunuma.ne.jp">
<input type="hidden" name="_next_url" value="http://www.katgsunuma.ne.jp/mform_ok.html">
<input type="hidden" name="_mail_title" value="■お申し込み■">
<input type="hidden" name="_mail_style" value="text">
<input type="hidden" name="_confirm" value="page">
<table border="1" cellpadding="2" cellspacing="0" bgcolor="#ffffcc">
<tbody>
<tr>
<td align="center">お名前</td>
<td bgcolor="#ffffff">
<input type="text" name="お名前!" size="38">
</td>
<td>年齢</td>
<td bgcolor="#ffffff">
<select size="1" name="年齢">
   <option value="--">--</option>
<option value="10代">10代</option>
<option value="20代">20代</option>
<option value="30代">30代</option>
<option value="40代">40代</option>
<option value="50代">50代</option>
<option value="60代">60代</option>
<option value="70代">70代</option>
</select>

</td>
</tr>
<tr>
<td align="center">住所</td>
<td colspan="3" bgcolor="#ffffff">
<input type="text" name="住所" size="66">
</td>
</tr>
<tr>
<td align="center">電話番号</td>
<td colspan="3" bgcolor="#ffffff">
<input type="text" name="電話番号!" size="37">
</td>
</tr>
<tr>
<td align="center">メールアドレス</td>
<td colspan="3" bgcolor="#ffffff">
<input type="text" name="_mail_address" size="41">
</td>
</tr>
<tr>
<td align="center">ご注文品名</td>
<td bgcolor="#ffffff">
<input type="text" name="注文品名1" size="45">
</td>
<td>数量</td>
<td bgcolor="#ffffff">
<input type="text" name="注文品名1の数量" size="10">
</td>
</tr>
<tr>
<td align="center">発送エリア</td>
<td colspan="3" bgcolor="#ffffff">
<input type="checkbox" name="北海道" value="ON">北海道
  <input type="checkbox" name="東北" value="ON">東北
<input type="checkbox" name="関東" value="ON">関東
<input type="checkbox" name="信越" value="ON">信越
<input type="checkbox" name="近畿" value="ON">近畿
<input type="checkbox" name="中国" value="ON">中国

</td>
</tr>
<tr>
<td align="center">お支払い方法</td>
<td colspan="3" bgcolor="#ffffff">
<input type="radio" name="支払い方法" value="振込み" checked >振込み
   <select size="1" name="振り込み先">
<option value="--">--</option>
<option value="郵便局">郵便局</option>
<option value="山梨中央銀行">山梨中央銀行</option>
</select>
<input type="radio" name="支払い方法" value="現金書留" >現金書留
<input type="radio" name="支払い方法" value="代引き[ペリカソ便]">代引き[ペリカソ便]

</td>
</tr>
<tr>
<td align="center"> ご意見・ご要望</td>
<td colspan="3" bgcolor="#ffffff">
 <TEXTAREA rows="3" name="ご意見・ご要望" cols="50"></TEXTAREA>
</td>
</tr>
</tbody>
</table>
<div align="center">
<input type="button" onclick="soushin()" value="送信">
<input type="reset" value="リセット">
</div>
</form>

 

 

オプション


①メールアドレスと電話番号のチェック
テキスト入力エリアの名前が「メールアドレス」の場合は メールアドレスとしての正当性をチェックします。(ドメイン・ホスト名までのチェックです。アカウントまでのチェックはできません)
テキスト入力エリアの名前が「電話番号」の場合は数字とハイフンのみの入力であるかチェックします。
②未入力項目のチェック
フォームのコンポーネントの名前(name)に"!"を含ませると未入力をチェックし、警告メッセージを表示します。
<input type="text" name="電話番号!"  ........   >
警告メッセージには"!"を除外した項目の名前を含んで表示します。
上記の例では、"電話番号を入力してください"と表示されます。
上のフォーム例では「お名前」と「電話番号」のnameに"!"がついています。

③送信者のメールアドレスに返信メールを送信する設定
以下のようにhidden属性の設定をしてください。_reply_mailが"yes"なら_reply_mail_titleで指定されたメールのタイトル、_reply_mail_templateで指定されたテンプレートテキストファイルのメールの内容で送信します。
<input type="hidden" name="_reply_mail" value="yes">
<input type="hidden" name="_reply_mail_title" value="お問い合わせ承りました">
<input type="hidden" name="_reply_mail_template" value="http://www.katsunuma.ne.jp/~info/reply.txt">

テンプレートのファイルはテキストエディタで作成しアップロードします。以下のように本文に他の入力項目を[項目名]の形で埋め込むことが可能です。ここでは必須項目指定の"!"は除いてください。なお、ご利用にあたっては十分に試験と確認を行ってください。なお、送信者メールアドレスが存在しない等のエラーはフォーム作成者(_recipient)に通知されます。
●テンプレートファイル例
[お名前] 様

Q&Aページからのお問い合わせを承りました。

メールにて御返事差し上げますが,内容によってはお電話にてご連絡申し上げる場合もございます。
あらかじめご了承のほどお願い申し上げます。

------------------------------------------------
かつぬまケーブルネット http://www.katsunuma.ne.jp/


 

 

受信メールの表示例


①テキスト形式

==================================================
      日時: 2007年 3月28日 14時29分  
--------------------------------------------------
送信元ホスト:knat1.katsunuma.ne.jp[IP:210.169.132.51]
==================================================
お名前 :計古 照美
年齢 : 10代
住所 : 甲州市勝沼町
電話番号 : 0553-44-5510
メールアドレス:keiburuterebi@katsunuma.ne.jp
注文品名1 : 象のえさ
注文品名1の数量 : 100トン
北海道 : ON
東北 :
関東 : ON
信越 :
近畿 :
中国 :
支払い方法 : 振込み
振り込み先 : 山梨計古銀行
ご意見・ご要望 : なるべくはやくお願いします
==================================================
KATSUNUMA FORM MAIL SERVICE
==================================================
(注)項目の表示順序は、HTMLテキストの行の順番となります。



②HTML形式

日時 2007年 3月28日 14時29分
送信元ホスト   knat1.katsunuma.ne.jp [IP:210.169.132.51]

項目 内容
お名前 計古 照美
年齢 --
住所 甲州市勝沼町
電話番号 0553-44-5510
メールアドレス keiburuterebi@katsunuma.ne.jp
注文品名1 象のえさ
注文品名1の数量 100トン
北海道 ON
東北 -
関東 ON
信越 -
近畿 -
中国 -
支払い方法 振込み
振り込み先 山梨計古銀行
ご意見・ご要望 なるべくはやくお願いします。 

KATSUNUMA FORM MAIL SERVICE

(注)項目の表示順序は、HTMLテキストの行の順番となります。


前のページへ戻る 戻る


TOP | 加入案内 | 申し込み | FAQ | 加入者用サービス | 加入者サポート | サイトマップ


かつぬまケーブルネットは勝沼CATVに加入されている方対象
お問い合わせ 0553-39-8822/info@katsunuma.ne.jp