メールフォーム設置の件で

質問

html5upというサイト（https://html5up.net/）のDimensionというテンプレを使用しているのですが、メールフォームをうまく動作させる事が出来ません。テンプレだけでは動作しないようですが、どのようなものを設置すれば、よろしいでしょうか？
ご教授、お願いいたします。
http://studio-key.com/tips/jquery-mailform-01
ここのjQueryを設置し、確認画面まではいけたのですが、送信までいたらず。sendmail.phpの箇所がわかりません。

回答No.3

t_ohta

＞と記載しても動作しないようです。

PHP側でPOSTデータを受け取る $_POST["mail"] とか $_POST["body"] と言った箇所で、フォームの name と配列の添字が違うからとかじゃないですかね。

お礼

うーん、postとフォームのnameを揃えてみましたが、ダメです！
難しいなぁ。

回答No.2

t_ohta

＞　http://studio-key.com/tips/jquery-mailform-02　こちらのメール送信処理というのが、よくわからず、、、phpで調べてはみたのですが、動作しなかったので、質問させていただいた次第です。

そのページに書かれている送信処理はブラウザサイドの処理だけです。
Ajax を使ってサーバサイドの「sendmail.php」というプログラムにフォームのデータを POST しています。
この時点で、サーバサイドに「sendmail.php」が無ければ動作しません。
説明に書かれている通り「sendmail.php」は仮のもので、ご自身でフォームから受け取ったデータをメールに加工して送信するプログラムを用意しなければいけません。
「sendmail.php」に相当するプログラムは検索するとフリーのモノがいろいろ見付かるので、ご自身が利用しているサーバで動作可能なモノを選んでください。
サーバによって利用できるプログラミング言語の種類に制限がある時もあるので、PHPにこだわらず環境に合わせたモノを用意しましょう。
ISPのホームページスペースを利用している場合、ISPでメール送信用のCGIを用意してくれている場合があるので確認しましょう。

お礼

お礼遅くなりました！どうもありがとうございます！
sendmal.php、いいのを見つけまして（http://sasuke.main.jp/phpmaikinput.html）、これ単体では動作して、メールも届くのですが、
朝投稿させていただいた（http://studio-key.com/tips/jquery-mailform-01）のjqueryと絡めて、
/*
* 送信ボタンを押したとき
*/
$(document).on('click','#send',function(){
var data = form.serialize(); //フォームの内容を全て取得する
$.ajax({
type: "POST",
url: "sendmail.php",
data: data,
async: false, //同期通信に
}).done(function(){
form.html('<div class="text-success">メールを送信しました</div>');
}).fail(function(){
form.html('<div class="text-danger">エラーが発生しました</div>');
});
});
と記載しても動作しないようです。
難しいですね。

回答No.1

t_ohta

html5up のテンプレも jQuery のサンプルも、ブラウザサイドしか用意されていませんので、別途サーバサイドで動作するメール送信用のプログラムが必要です。
「PHP メール送信」とか「Perl メール送信」とかで検索するとサンプルが出てきますので、お使いのサーバにあわせてPHPで行うのかPerlで行うのか、JavaだったりRubyだったり、使えるプログラミング言語を確認して探してみるといいでしょう。

お礼

早々のご回答、ありがとうございます！！
質問にも書いたのですが、http://studio-key.com/tips/jquery-mailform-01　ここのjquery.validationEngineを使用し、確認画面まではいけました。その後、http://studio-key.com/tips/jquery-mailform-02　こちらのメール送信処理というのが、よくわからず、、、phpで調べてはみたのですが、動作しなかったので、質問させていただいた次第です。