前に、
【PHP】スマホ対応 メールフォーム設置 PEARを使ってgmailのsmtpサーバで送信する（ダウンロード可能）
っちゅう、クソ長ったらしいやつ書きまして。。。
まあこれでメールフォーム（お問い合わせフォーム）はある程度良いのですが一つ問題が。。。
例えばこんな感じでフォーム入力します。
「電話番号は営業の電話とかうっとおしいから入れたくないな」なんて感じで必須項目だったけど入力しなかった場合、
こんな感じでエラーが返されます。
「しょうがねえなあ、入れるか」と戻るボタンを押すと、
なんでじゃーーーーー！
これまでに苦労して入力した内容が消えてしまうってことが起こってしまうのでした。
これは非常にもったいないです。
せっかく自分のサイトでお問い合わせまでしてくれているのに、
もういいや、メンドクサイ
ってなったら、超もったいないです。
で、対策を考えなければ！
なんですが、僕みたいに何も考えずにお問い合わせフォーム作っていて、、、
◆入力した内容の間違えに気づいたり
◆エラー（必須項目未入力とか）
で、戻った時にこれまで入力した内容が消える場合と消えない場合があるのですが、これはブラウザに依存する、それすわち
相手（の設定や環境）に依存する
というわけです。
サービスの提供者としては相手側の設定によって挙動が変わったりするのはやっぱり良くないです。
ウェブサイトのブラウザ対応についても
うちのサイトはChromeで見てね。それ以外はぐちゃぐちゃになるから
とかいうサイト嫌ですよね？
まあIE6のシェアは大分低くなってきて、その割に対応するのに労力が半端ないから予算次第では切り捨てるみたいなことはありますけど。。。
この俗に言う「フォーム内容消えちゃう糞ボケ問題」キャッシュのコントロールで制御することが多いです。
何も考えずにフォームを作ると、入力内容確認ページ（このパッケージの場合はConfirm.php）の「戻る」ボタンおよび「内容を修正する」ボタンは以下のソースです。
この「onClick=’history.back()’」は、ブラウザの戻るボタンと基本的には同じ動きをします。
ここでキャッシュが残っているかはさっき言ったブラウザによるよね？というわけで、すなわち相手次第です。
で、そのキャッシュを残す残さないを制御する方法があり
[php]
session_start();
session_regenerate_id(true);
[/php]
の部分を
[php]
session_start();
[/php]
のみにするとか、いろいろ記事が出てきますが、これでも利かない事象があったりと、僕も詳しくないのでわかりませんが、やっぱり相手の設定や環境・ブラウザに依存しちゃうのかな？
って感じです。
というわけで、今回は前公開したPHPのメールフォームを少し改良して、タイトルの通り、入力した内容を戻ったり修正するまでもphpのpostっていうので、しっかり保持をしよう、というアプローチで作りました。
と、僕があみだしたみたいに言ってるけど、よくやる方法です。
そして、改良したのがこちら。
ご自由にダウンロードして頂いて、自分のサイトに実装してみてね(^^ゞ
パッケージ内容ですが、
前回から変わったのが、
◆Confirm.phpを修正
→戻ったり、内容を修正するときも、入力したデータを保持するようにした。
◆index2.phpを追加
→Confirm.phpから保持されたデータを受け取れる用にhtmlじゃなくてphpファイルを用意
てな感じです。
全体のフローとしては、
てな感じです。2点、補足として
なんでindex2.phpなんて作ったの？
index.htmlをPHPにすりゃいいじゃん！
もちろんそれでも問題無いですし、むしろそのほうがシンプルでファイルも少なくスッキリしますが。。。
「稼働中のサイトでフォームのところはhtmlで作っちゃってるよ(>_<)」
ってひとは、「お問い合わせはこちら」のリンク先が変わると、かなり面倒くさいよね？
なのでフォームが書いてあるhtmlは生かしで、新たにphpファイルをこさえたです。
というわけなので、index2.phpはindex.htmlとhtml部分は全く同じで、phpが追加されてるだけです。
それはいいけどさぁ、
index2.phpじゃなくてindex.phpのがよくない？
てか「2」ってなに、ダサっ！
これはhtaccessやhttpd.confとかでURLの正規化してたりしている人のためです。
index.htmlやindex.phpとかはURLに表示させないってやつね。
そうするとindex.htmとやindex.php両方混在するとなんか問題起きそうじゃね？ってことでindex2.phpっていう風にしてるです。
で、一応改変した「Confirm.php」と、追加でこさえた「index2.php」のソースもこちらに載せときますね。
Confirm.php
PHP部分のみね。
[php]
<?php
//メールアドレスが変じゃないかチェック
//全角だったり@が無かったり
error_reporting(E_ERROR & ~E_NOTICE & ~E_PARSE);
function filter($str) {
$rtn = false;
if ( ereg("^[^@]+@[^.]+\..+", $str) ) {
$rtn = true;
}
return $rtn;
}
//特殊文字があったら変換
$groupzz = htmlspecialchars($_POST["groupzz"]);
$namesei = htmlspecialchars($_POST["namesei"]);
$namemei = htmlspecialchars($_POST["namemei"]);
$mailzz = htmlspecialchars($_POST["mailzz"]);
$telzz = htmlspecialchars($_POST["telzz"]);
$numberzz = htmlspecialchars($_POST["numberzz"]);
$textzz = htmlspecialchars($_POST["textzz"]);
//半角カタカナと全角数字を変換
$groupzz = mb_convert_kana($groupzz,"KVa","Shift_JIS");
$namesei = mb_convert_kana($namesei,"KVa","Shift_JIS");
$namemei = mb_convert_kana($namemei,"KVa","Shift_JIS");
$mailzz = mb_convert_kana($mailzz,"KVa","Shift_JIS");
$telzz = mb_convert_kana($telzz,"KVa","Shift_JIS");
$numberzz = mb_convert_kana($numberzz,"KVa","Shift_JIS");
$textzz = mb_convert_kana($textzz,"KVa","Shift_JIS");
//magic_quotes_gpc=onのときにのみエスケープを解除
if (get_magic_quotes_gpc()){
$groupzz = stripslashes($groupzz);
$namesei = stripslashes($namesei);
$namemei = stripslashes($namemei);
$mailzz = stripslashes($mailzz);
$telzz = stripslashes($telzz);
$numberzz = stripslashes($numberzz);
$textzz = stripslashes($textzz);
}
//必須項目が未入力の時エラー出す
$f = true;
if($namesei == null) {
$f = false;
print("<br><br>・お名前（姓）が入力されていません。<br> ");
}
if ($namemei == null) {
$f = false;
print("<br><br>・お名前（名）が入力されていません。<br> ");
}
if ($mailzz == null) {
$f = false;
print("<br><br>・メールアドレスが入力されていません。<br> ");
}else if(!filter($mailzz)) {
$f = false;
print("<br><br>・メールアドレスが正しく入力されておりません。全角半角をご確認下さい。<br> ");
}
if ($telzz == null) {
$f = false;
print("<br><br>・電話番号が入力されていません。<br> ");
}
if ($numberzz == null) {
$f = false;
print("<br><br>・人数が指定されていません。<br> ");
}
if($textzz == null) {
$f = false;
print("<br><br>・内容が入力されていません。<br> ");
}
//全部ちゃんと入力されたので、入力内容を表示
if ($f== true) {
print("<p>以下の内容でお申込みしてもよろしいでしょうか？</p>
<table class=\"table-01\" border=\"1\" width=\"100%\">
<tr><th>項目</th><th>入力事項</th></tr>
<tr><td>団体名</td><td>$groupzz</td></tr>
<tr><td>お名前</td><td>$namesei$namemei</td></tr>
<tr><td>メールアドレス</td><td>$mailzz</td></tr>
<tr><td>電話番号</td><td>$telzz</td></tr>
<tr><td>人数</td><td>$numberzz</td></tr>
<tr><td>内容</td><td>$textzz</td></tr>
</table><br><br><br>
");
//入力されたものをSend.phpもしくは修正用のindex2.phpに入れる
print ("<form method=’post’ action=’Send.php’>
<INPUT TYPE=’HIDDEN’ NAME=’groupzz’ VALUE=’$groupzz’>
<INPUT TYPE=’HIDDEN’ NAME=’namesei’ VALUE=’$namesei’>
<INPUT TYPE=’HIDDEN’ NAME=’namemei’ VALUE=’$namemei’>
<INPUT TYPE=’HIDDEN’ NAME=’mailzz’ VALUE=’$mailzz’>
<INPUT TYPE=’HIDDEN’ NAME=’telzz’ VALUE=’$telzz’>
<INPUT TYPE=’HIDDEN’ NAME=’numberzz’ VALUE=’$numberzz’>
<INPUT TYPE=’HIDDEN’ NAME=’textzz’ VALUE=’$textzz’>
<INPUT TYPE=’SUBMIT’ VALUE=’この内容で送信する’><br>
</form>
<br><br>
<form method=’post’ action=’index2.php’>
<INPUT TYPE=’HIDDEN’ NAME=’groupzz’ VALUE=’$groupzz’>
<INPUT TYPE=’HIDDEN’ NAME=’namesei’ VALUE=’$namesei’>
<INPUT TYPE=’HIDDEN’ NAME=’namemei’ VALUE=’$namemei’>
<INPUT TYPE=’HIDDEN’ NAME=’mailzz’ VALUE=’$mailzz’>
<INPUT TYPE=’HIDDEN’ NAME=’telzz’ VALUE=’$telzz’>
<INPUT TYPE=’HIDDEN’ NAME=’numberzz’ VALUE=’$numberzz’>
<INPUT TYPE=’HIDDEN’ NAME=’textzz’ VALUE=’$textzz’>
<center><INPUT TYPE=’SUBMIT’ VALUE=’内容を修正する’ ></center>
</form>
");
}else{
//エラーで戻る場合も修正用のindex2.phpに入れる
print ("<br><br><br>
<form method=’post’ action=’index2.php’>
<INPUT TYPE=’HIDDEN’ NAME=’groupzz’ VALUE=’$groupzz’>
<INPUT TYPE=’HIDDEN’ NAME=’namesei’ VALUE=’$namesei’>
<INPUT TYPE=’HIDDEN’ NAME=’namemei’ VALUE=’$namemei’>
<INPUT TYPE=’HIDDEN’ NAME=’mailzz’ VALUE=’$mailzz’>
<INPUT TYPE=’HIDDEN’ NAME=’telzz’ VALUE=’$telzz’>
<INPUT TYPE=’HIDDEN’ NAME=’numberzz’ VALUE=’$numberzz’>
<INPUT TYPE=’HIDDEN’ NAME=’textzz’ VALUE=’$textzz’>
<center><INPUT TYPE=’SUBMIT’ VALUE=’戻る’ ></center>
</form>
");
}
?>
[/php]
ポイントは最後のフォームを「送信する」「戻って修正する」のところで、改良前は
のところが
コメント
参考にさせていただきました!
ありがとうございます!
function h($s)
{
return htmlspecialchars($s, ENT_QUOTES, “UTF-8”);
}
関数を一度設定すると、何度も長いコードを書かなくて(ペースト)する必要がなくなると思います!
お互いがんばりましょう!
コメントありがとうございます。
ご指摘確かにですね（笑）
すいません。日々勉強です(^_^;)