注文フォームTAX対応型

簡易注文フォームTAX対応型

美猴王集団日本支部(社名・店名)

当ページでは通販も行っています。お申し込みはこちらからお願いします。
後ほど支払方法についてのメールを差し上げます。(こちらも、本気で注文しないで下さい(^-^;)

正常に送信できない場合は、直接メールをください。

お名前 :
郵便番号(７ケタで) :
住所(送付先) :
欲しい商品 :
　美猴香脆面 (\200)
　ミネラルウォーター (\200)
　金猴皮鞋 (\5000)
　ラーメン二郎 (完売)

感想・メッセージなどありましたらお願いします

小規模な販売サイトを作る場合に便利なスクリプトです。emailで注文フォームが届きます。
名前と住所の入力チェック、商品の選択チェックが付いています。また、料金の自動計算もやってくれます。
このフォームを使って送信すると、

Subject: Microsoft Internet Explorer から投稿されたフォーム
Date: Thu, 1 Jun 2000 22:28:31 +0900
From: "MORI" <hakkai@go9.uso800.ne.jp>
To: <yhiromi@d9.dion.ne.jp>

customer=猪八戒
Ubin=123-4567
address=神奈川県湘南市湘南町1-2-3
美猴香脆面=200
kingaku=210
comment=美猴香脆面を一度食べてみたかったんです。

　このようなメールが届きます。
　ただし、IE3を使っているお客様や、ブラウザ標準のメールソフトを削除したお客様 (Outlook Expressを、Outlook97に替えた人) などは送信できないこともあるので注意です。
　どんな人でも(i-mode使っている人でも)送信できるようにするには、データをCGIに渡すように書き換えてください。

　また、emailを使って送信する都合上、クレジットカードでの決済は絶対に止めてください。SSLなどの暗号化送信を使ってください。

　商品はたくさん増やすことができます。
<INPUT type="checkbox" name="あめちゃん" value=350>あめちゃん (\350)
value属性には金額を入れます。

　完売して在庫がなくなったときは、
<INPUT type="checkbox" name="アールグレイ" value=0 onClick="this.checked=false">
と書きます。

　スクリプトの使用は自己責任で行ってください。どのような決済方式をとるのか(前払い・後払い／郵便振替・定額小為替)、プロバイダーとの契約に商行為の禁止という項目がないかなど、事前に考えましょう。オンライン販売は訪問販売法の規制に触れるため、事業所の所在地・代表者名・連絡先などを表示するほか、支払いや商品の引き渡し時期、販売数量など販売条件、返品や解約ができるかどうかを明示することになっています。トラブルの発生に対しては当方は責任をとれません。
　また、使用する際はメールアドレスを書き換えるのを忘れないでください。(FORMタグのactionです)

　仕様上、同じ商品を複数購入することができません。
　送料の設定には対応していません。

注文フォームＨＴＭＬ文書を、以下のようにして下さい。

<HTML><HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>注文フォームのソース</TITLE>
<SCRIPT language="JavaScript">
<!--
function amountMoney(){
var money = 0;

  for(n=0;n<document.f.elements.length-1;n++){
    if((document.f.elements[n].type == "checkbox")
      && (document.f.elements[n].checked == true)){
      money += document.f.elements[n].value-0;
    }
  }
  return money;
}

function checkStr(){
  if(document.f.customer.value == ""){
    alert("名前が入力されていません");
    return false;
  }
  else if(document.f.address.value == ""){
    alert("住所が入力されていません");
    return false;
  }
  else{
    amoney = amountMoney();
    tax = Math.floor(amoney*5/100);
    if(amoney > 0){
      alert("合計金額は "+(amoney+tax)+"円 (消費税 "+tax+"円) です。")
      document.f.kingaku.value = amoney+tax;
      return true;
    }
    else{
      alert("購入する商品が選択されていません");
      return false;
    }
  }
}

//-->
</SCRIPT>

</HEAD>

<BODY>

<CENTER>
<FONT color="#008000" size="5">美猴王集団日本支部(社名・店名)</FONT><P>
<TABLE>
<TR><TD>当ページでは通販も行っています。お申し込みはこちらからお願いします。<BR>
後ほど支払方法についてのメールを差し上げます。<BR>


郵便番号(７ケタで) : <INPUT type="text" size="10" value="" name="Ubin"><BR>

住所(送付先) : <INPUT type="text" size="40" value="" name="address"><BR>

欲しい商品 : <BR>

　<INPUT type="checkbox" name="美猴香脆面" value=200>美猴香脆面 (\200)<BR>


　<INPUT type="checkbox" name="ミネラルウォーター" value=200>ミネラルウォーター (\200)
金猴皮鞋 (\5000)<BR>


　<INPUT type="checkbox" name="ラーメン二郎" value=0 onClick="this.checked=false">ラーメン二郎 (完売)<BR>


<INPUT type="hidden" name="kingaku" value=""><BR>

感想・メッセージなどありましたらお願いします<BR>

<TEXTAREA rows=5 cols=50 name="comment"></TEXTAREA><BR>

<CENTER>
<INPUT type="submit" value="送　信"> <INPUT type="reset" value="クリア">
</CENTER>
</FORM>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY></HTML>

　Macintosh版 NN4は、日本語だけしか入っていないテキスト欄をJavaScriptで読み込めないというバグがあるので、入力チェックにひっかかります。
　NN4.7 Mac版では正常に読み込めるようです。

[★高収入が可能！ＷＥＢデザインのプロになってみない？！自宅で仕事がしたい人必見！ ]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。５０MBで２５０円から。CGI・SSI・PHPが使えます。 ]

FC2		キャッシング花	出会い　無料アクセス解析