Web Design Leaves

<?php
//エスケープ処理やデータチェックを行う関数のファイルの読み込み
require '../libs/functions.php';
//reCAPTCHA
require '../libs/recaptchavars.php';
// reCAPTCHA サイトキー
$siteKey = V2_SITEKEY;
// reCAPTCHA シークレットキー
$secretKey = V2_SECRETKEY;

//お問い合わせ日時を日本時間に
date_default_timezone_set('Asia/Tokyo');

// 値が null であれば、空文字列に変換する関数
function nullToString($val) {
  if($val === null) return '';
  return $val;
}
//POSTされたデータの前後にあるホワイトスペースを削除してを変数に格納
$name = trim( nullToString(filter_input(INPUT_POST, 'name')) );
$email = trim( nullToString(filter_input(INPUT_POST, 'email')) );
$email_check = trim( nullToString(filter_input(INPUT_POST, 'email_check')) );
$tel = trim( nullToString(filter_input(INPUT_POST, 'tel')) );
$subject = trim( nullToString(filter_input(INPUT_POST, 'subject')) );
$body = trim( nullToString(filter_input(INPUT_POST, 'body')) );

if (isset($_POST['submitted'])) {

  //POSTされたデータをチェック
  $_POST = checkInput( $_POST );

  if ( isset( $_POST[ 'g-recaptcha-response' ] ) ) {
    //cURL セッションを初期化
    $ch = curl_init();
    // curl_setopt() により転送時のオプションを設定
    //API の URL の指定
    curl_setopt($ch, CURLOPT_URL,"https://www.google.com/recaptcha/api/siteverify");
    //HTTP POST メソッドを使う
    curl_setopt($ch, CURLOPT_POST, true );
    //API パラメータの指定
    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query(array(
      'secret' => $secretKey,
      'response' => $_POST[ 'g-recaptcha-response' ]
    )));
    //curl_execの返り値を文字列にする
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    //転送を実行してレスポンスを $json に格納
    $json = curl_exec($ch);
    //セッションを終了
    curl_close($ch);
    //レスポンスの $json（JSON形式）をデコード
    $rc_result = json_decode( $json );
    //reCAPTCHA 検証結果の真偽値
    $result_status = $rc_result->success ;
  }
  //エラーメッセージを保存する配列の初期化
  $error = array();

  //reCAPTCHA 検証
  if(!$result_status) {
    $error['recaptcha'] = 'reCAPTCHA 検証が失敗しました。申し訳ございませんがメールまたは電話にてご連絡ください。';
  }

  //値の検証
  if ( $name == '' ) {
    $error['name'] = '*お名前は必須項目です。';
    //制御文字でないことと文字数をチェック
  } else if ( preg_match( '/\A[[:^cntrl:]]{1,30}\z/u', $name ) == 0 ) {
    $error['name'] = '*お名前は30文字以内でお願いします。';
  }
  if ( $email == '' ) {
    $error['email'] = '*メールアドレスは必須です。';
  } else { //メールアドレスを正規表現でチェック
    $pattern = '/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/uiD';
    if ( !preg_match( $pattern, $email ) ) {
      $error['email'] = '*メールアドレスの形式が正しくありません。';
    }
  }
  if ( $email_check == '' ) {
    $error['email_check'] = '*確認用メールアドレスは必須です。';
  } else { //メールアドレスを正規表現でチェック
    if ( $email_check !== $email ) {
      $error['email_check'] = '*メールアドレスが一致しません。';
    }
  }
  if ( preg_match( '/\A[[:^cntrl:]]{0,30}\z/u', $tel ) == 0 ) {
    $error['tel'] = '*電話番号は30文字以内でお願いします。';
  }
  if ( $tel != '' && preg_match( '/\A\(?\d{2,5}\)?[-(\.\s]{0,2}\d{1,4}[-)\.\s]{0,2}\d{3,4}\z/u', $tel ) == 0 ) {
    $error['tel_format'] = '*電話番号の形式が正しくありません。';
  }
  if ( $subject == '' ) {
    $error['subject'] = '*件名は必須項目です。';
    //制御文字でないことと文字数をチェック
  } else if ( preg_match( '/\A[[:^cntrl:]]{1,100}\z/u', $subject ) == 0 ) {
    $error['subject'] = '*件名は100文字以内でお願いします。';
  }
  if ( $body == '' ) {
    $error['body'] = '*内容は必須項目です。';
    //制御文字（タブ、復帰、改行を除く）でないことと文字数をチェック
  } else if ( preg_match( '/\A[\r\n\t[:^cntrl:]]{1,1050}\z/u', $body ) == 0 ) {
    $error['body'] = '*内容は1000文字以内でお願いします。';
  }

  //エラーがなく且つ POST でのリクエストの場合
  if (empty($error) && $_SERVER['REQUEST_METHOD']==='POST') {
    //メールアドレス等を記述したファイルの読み込み
    require '../libs/mailvars.php';

    //メール本文の組み立て
    $mail_body = 'コンタクトページからのお問い合わせ' . "\n\n";
    $mail_body .=  date("Y年m月d日 D H時i分") . "\n\n";
    $mail_body .=  "お名前： " .h($name) . "\n";
    $mail_body .=  "Email： " . h($email) . "\n"  ;
    $mail_body .=  "お電話番号： " . h($tel) . "\n\n" ;
    $mail_body .=  "＜お問い合わせ内容＞" . "\n" . h($body);

    //--------sendmail------------
    //メールの宛先（名前<メールアドレス> の形式）。値は mailvars.php に記載
    $mailTo = mb_encode_mimeheader(MAIL_TO_NAME) ."<" . MAIL_TO. ">";

    //Return-Pathに指定するメールアドレス
    $returnMail = MAIL_RETURN_PATH; //
    //mbstringの日本語設定
    mb_language( 'ja' );
    mb_internal_encoding( 'UTF-8' );

    // 送信者情報（From ヘッダー）の設定
    $header = "From: " . mb_encode_mimeheader($name) ."<" . $email. ">\n";
    $header .= "Cc: " . mb_encode_mimeheader(MAIL_CC_NAME) ."<" . MAIL_CC.">\n";
    $header .= "Bcc: <" . MAIL_BCC.">";

    //メールの送信
    //セーフモードがOnの場合は第5引数が使えない
    if ( ini_get( 'safe_mode' ) ) {
      $result = mb_send_mail( $mailTo, $subject, $mail_body, $header );
    } else {
      $result = mb_send_mail( $mailTo, $subject, $mail_body, $header, '-f' . $returnMail );
    }

    //メール送信の結果判定
    if ( $result ) {
      //自動返信メール
      //ヘッダー情報
      $ar_header = "MIME-Version: 1.0\n";
      $ar_header .= "From: " . mb_encode_mimeheader( AUTO_REPLY_NAME ) . " <" . MAIL_TO . ">\n";
      $ar_header .= "Reply-To: " . mb_encode_mimeheader( AUTO_REPLY_NAME ) . " <" . MAIL_TO . ">\n";
      //件名
      $ar_subject = 'お問い合わせ自動返信メール';
      //本文
      $ar_body = $name." 様\n\n";
      $ar_body .= "この度は、お問い合わせ頂き誠にありがとうございます。" . "\n\n";
      $ar_body .= "下記の内容でお問い合わせを受け付けました。\n\n";
      $ar_body .= "お問い合わせ日時：" . date("Y-m-d H:i") . "\n";
      $ar_body .= "お名前：" . $name . "\n";
      $ar_body .= "メールアドレス：" . $email . "\n";
      $ar_body .= "お電話番号： " . $tel . "\n\n" ;
      $ar_body .="＜お問い合わせ内容＞" . "\n" . $body;

      //メールの送信結果を変数に代入 （サンプルなのでコメントアウト）
      if ( ini_get( 'safe_mode' ) ) {
        //セーフモードがOnの場合は第5引数が使えない
        $result2 = mb_send_mail( $email, $ar_subject, $ar_body , $ar_header  );
      } else {
        $result2 = mb_send_mail( $email, $ar_subject, $ar_body , $ar_header , '-f' . $returnMail );
      }

      $_POST = array(); //空の配列を代入し、すべてのPOST変数を消去
      //変数の値も初期化
      $name = '';
      $email = '';
      $email_check = '';
      $tel = '';
      $subject = '';
      $body = '';

      //再読み込みによる二重送信の防止
      $params = '?result='. $result .'&result2=' . $result2;
      //サーバー変数 $_SERVER['HTTPS'] が取得出来ない環境用
      if(isset($_SERVER['HTTP_X_FORWARDED_PROTO']) and $_SERVER['HTTP_X_FORWARDED_PROTO'] === "https") {
        $_SERVER['HTTPS'] = 'on';
      }
      $url = (empty($_SERVER['HTTPS']) ? 'http://' : 'https://').$_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME'];
      header('Location:' . $url . $params);
      exit;
    }
  }
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>コンタクトフォーム</title>
<link href="../bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container">
  <h2 class="">お問い合わせフォーム</h2>
  <?php if (isset( $error['recaptcha'] )  ): ?>
  <p><span class="error"><?php echo h( $error['recaptcha'] ); ?></span></p>
  <?php endif; ?>
  <?php if (filter_input(INPUT_GET, 'result') ) : ?>
  <h4>送信完了!</h4>
  <p>送信完了いたしました。</p>
  <?php  if ( filter_input(INPUT_GET, 'result2', FILTER_VALIDATE_BOOLEAN) ) : ?>
    <p class="success">確認の自動返信メールをお送りいたしました。</p>
  <?php elseif ( !filter_input(INPUT_GET, 'result2', FILTER_VALIDATE_BOOLEAN) ): ?>
    <p class="fail">確認の自動返信メールが送信できませんでした。</p>
  <?php endif; ?>
  <hr>
  <?php elseif (isset($result) && !$result ): ?>
  <h4>送信失敗</h4>
  <p>申し訳ございませんが、送信に失敗しました。</p>
  <p>しばらくしてもう一度お試しになるか、メールにてご連絡ください。</p>
  <p>メール：<a href="mailto:info@example.com">Contact</a></p>
  <hr>
  <?php endif; ?>
  <p>以下のフォームからお問い合わせください。</p>
  <form id="form" class="validationForm" method="post" novalidate>
    <div class="form-group">
      <label for="name">お名前（必須）
        <span class="error-php"><?php if ( isset( $error['name'] ) ) echo h( $error['name'] ); ?></span>
      </label>
      <input type="text" class="required maxlength form-control" data-maxlength="30" id="name" name="name" placeholder="氏名" data-error-required="お名前は必須です。" value="<?php echo h($name); ?>">
    </div>
    <div class="form-group">
      <label for="email">Email（必須）
        <span class="error-php"><?php if ( isset( $error['email'] ) ) echo h( $error['email'] ); ?></span>
      </label>
      <input type="email" class="required pattern form-control" data-pattern="email" id="email" name="email" placeholder="Email アドレス" data-error-required="Email アドレスは必須です。"  data-error-pattern="Email の形式が正しくないようですのでご確認ください" value="<?php echo h($email); ?>">
    </div>
    <div class="form-group">
      <label for="email_check">Email（確認用 必須）
        <span class="error-php"><?php if ( isset( $error['email_check'] ) ) echo h( $error['email_check'] ); ?></span>
      </label>
      <input type="email"  class="form-control equal-to required" data-equal-to="email" data-error-equal-to="メールアドレスが異なります" id="email_check" name="email_check" placeholder="Email アドレス（確認用 必須）" value="<?php echo h($email_check); ?>">
    </div>
    <div class="form-group">
      <label for="tel">お電話番号（半角英数字）
        <span class="error-php"><?php if ( isset( $error['tel'] ) ) echo h( $error['tel'] ); ?></span>
      </label>
      <input type="tel" class="pattern form-control" data-pattern="tel" id="tel" name="tel" placeholder="お電話番号" data-error-pattern="電話番号の形式が正しくないようですのでご確認ください"  value="<?php echo h($tel); ?>">
    </div>
    <div class="form-group">
      <label for="subject">件名（必須）
        <span class="error-php"><?php if ( isset( $error['subject'] ) ) echo h( $error['subject'] ); ?></span>
      </label>
      <input type="text" class="required maxlength form-control" data-maxlength="100" id="subject" name="subject" placeholder="件名" value="<?php echo h($subject); ?>">
    </div>
    <div class="form-group">
      <label for="body">お問い合わせ内容（必須）
        <span class="error-php"><?php if ( isset( $error['body'] ) ) echo h( $error['body'] ); ?></span>
      </label>
      <textarea class="required maxlength showCount form-control" data-maxlength="1000" id="body" name="body" placeholder="お問い合わせ内容（1000文字まで）をお書きください" rows="3"><?php echo h($body); ?></textarea>
    </div>
      <div id="recaptcha" style="margin-bottom: 20px;"></div><!-- reCAPTCHA を表示する要素 -->
    <button name="submitted" type="submit" class="btn btn-primary">送信</button>
  </form>
</div>
<!--  検証用の JavaScript（formValidation.js）の読み込み -->
<script src="formValidation.js"></script>
<script>
var onloadCallback = function() {
  //ウィジェットを表示するメソッド
  grecaptcha.render('recaptcha', {
    'sitekey' : "<?php echo $siteKey; ?>",  //サイトキー
    'callback' : verifyCallback, //コールバック関数の名前
    'expired-callback' : expiredCallback //コールバック関数の名前
  });
};
//チェックを入れて成功した場合に呼び出されるコールバック関数
var verifyCallback = function(response) {
  //ウィジェットの要素に verified クラスを設定
  document.getElementById('recaptcha').className = "verified";
  //エラーメッセージを表示する要素
  var recaptchaError = document.getElementById('recaptcha_error');
  if(recaptchaError != null) {
     //エラーメッセージを表示する要素が存在すれば削除
     recaptchaError.parentNode.removeChild(recaptchaError);
  }
};
//期限切れの場合に呼び出されるコールバック関数
var expiredCallback = function() {
  //verified クラスを削除
  document.getElementById('recaptcha').classList.remove('verified');
};

//validationForm クラスを指定した最初の form 要素を取得
const validationForm = document.getElementsByClassName('validationForm')[0];
validationForm.addEventListener('submit', (e) => {
  //id が recaptcha_error の要素（エラーメッセージの要素）を取得
  const errorElem = document.getElementById('recaptcha_error');
  //もし存在すれば削除してエラーをクリア
  if(errorElem) {
    errorElem.remove();
  }
  //id が recaptcha の要素を取得
  const recaptchaElem = document.getElementById('recaptcha');
  // verified クラスが付与されていなければエラーを表示して送信を中止
  if(!recaptchaElem.classList.contains('verified')) {
    //span 要素を生成
    const recaptchaErrorElem = document.createElement('p');
    //error クラスを設定
    recaptchaErrorElem.classList.add('error-js');
    //id 属性を設定
    recaptchaErrorElem.setAttribute('id', 'recaptcha_error');
    //エラーメッセージを設定
    recaptchaErrorElem.textContent = 'チェックを入れてください';
    //要素を挿入（追加）
    recaptchaElem.after(recaptchaErrorElem);
    //送信を中止
    e.preventDefault();
  }
});
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</body>
</html>

<?php
//エスケープ処理やデータチェックを行う関数のファイルの読み込み
require '../libs/functions.php';

//reCAPTCHA
require '../libs/recaptchavars.php';
// reCAPTCHA サイトキー
$siteKey = V3_SITEKEY;
// reCAPTCHA シークレットキー
$secretKey = V3_SECRETKEY;

//お問い合わせ日時を日本時間に
date_default_timezone_set('Asia/Tokyo');

// 値が null であれば、空文字列に変換する関数
function nullToString($val) {
  if($val === null) return '';
  return $val;
}
//POSTされたデータの前後にあるホワイトスペースを削除してを変数に格納
$name = trim( nullToString(filter_input(INPUT_POST, 'name')) );
$email = trim( nullToString(filter_input(INPUT_POST, 'email')) );
$email_check = trim( nullToString(filter_input(INPUT_POST, 'email_check')) );
$tel = trim( nullToString(filter_input(INPUT_POST, 'tel')) );
$subject = trim( nullToString(filter_input(INPUT_POST, 'subject')) );
$body = trim( nullToString(filter_input(INPUT_POST, 'body')) );

//reCAPTCHA トークン
$token = filter_input(INPUT_POST, 'g-recaptcha-response');
//reCAPTCHA アクション名
$action = filter_input(INPUT_POST, 'action');

//reCAPTCHA の検証を通過したかどうかの真偽値
$result_status = false;

//★トークン（$_POST['g-recaptcha-response']）が設定されていれば以下を実行
if (isset($_POST['g-recaptcha-response'])) {
  //POSTされたデータをチェック
  $_POST = checkInput( $_POST );
  // トークンとアクション名が取得できれば
  if ( $token && $action) {
    //cURL セッションを初期化（API のレスポンスの取得）
    $ch = curl_init();
    // curl_setopt() により転送時のオプションを設定
    //URL の指定
    curl_setopt($ch, CURLOPT_URL,"https://www.google.com/recaptcha/api/siteverify");
    //HTTP POST メソッドを使う
    curl_setopt($ch, CURLOPT_POST, true );
    //API パラメータの指定
    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query(array(
      'secret' => $secretKey,
      'response' => $token
    )));
    //curl_execの返り値を文字列にする
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    //転送を実行してレスポンスを $api_response に格納
    $api_response = curl_exec($ch);
    //セッションを終了
    curl_close($ch);
    //レスポンスの $json（JSON形式）をデコード
    $rc_result = json_decode( $api_response );
    //判定
    if ( $rc_result->success && $rc_result->action === $action && $rc_result->score >= 0.5) {
      //success が true でアクション名が一致し、スコアが 0.5 以上の場合は合格
      $result_status = true;
    } else {
      // 上記以外の場合は 不合格
      $result_status = false;
    }
  }
  //エラーメッセージを保存する配列の初期化
  $error = array();
  //reCAPTCHA 検証（判定結果 $result_status が false ならエラーを表示）
  if(!$result_status) {
    $error['recaptcha'] = 'reCAPTCHA 検証が失敗しました。';
  }

  //値の検証
  if ( $name == '' ) {
    $error['name'] = '*お名前は必須項目です。';
    //制御文字でないことと文字数をチェック
  } else if ( preg_match( '/\A[[:^cntrl:]]{1,30}\z/u', $name ) == 0 ) {
    $error['name'] = '*お名前は30文字以内でお願いします。';
  }
  if ( $email == '' ) {
    $error['email'] = '*メールアドレスは必須です。';
  } else { //メールアドレスを正規表現でチェック
    $pattern = '/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/uiD';
    if ( !preg_match( $pattern, $email ) ) {
      $error['email'] = '*メールアドレスの形式が正しくありません。';
    }
  }
  if ( $email_check == '' ) {
    $error['email_check'] = '*確認用メールアドレスは必須です。';
  } else { //メールアドレスを正規表現でチェック
    if ( $email_check !== $email ) {
      $error['email_check'] = '*メールアドレスが一致しません。';
    }
  }
  if ( preg_match( '/\A[[:^cntrl:]]{0,30}\z/u', $tel ) == 0 ) {
    $error['tel'] = '*電話番号は30文字以内でお願いします。';
  }
  if ( $tel != '' && preg_match( '/\A\(?\d{2,5}\)?[-(\.\s]{0,2}\d{1,4}[-)\.\s]{0,2}\d{3,4}\z/u', $tel ) == 0 ) {
    $error['tel_format'] = '*電話番号の形式が正しくありません。';
  }
  if ( $subject == '' ) {
    $error['subject'] = '*件名は必須項目です。';
    //制御文字でないことと文字数をチェック
  } else if ( preg_match( '/\A[[:^cntrl:]]{1,100}\z/u', $subject ) == 0 ) {
    $error['subject'] = '*件名は100文字以内でお願いします。';
  }
  if ( $body == '' ) {
    $error['body'] = '*内容は必須項目です。';
    //制御文字（タブ、復帰、改行を除く）でないことと文字数をチェック
  } else if ( preg_match( '/\A[\r\n\t[:^cntrl:]]{1,1050}\z/u', $body ) == 0 ) {
    $error['body'] = '*内容は1000文字以内でお願いします。';
  }

  //エラーがなく且つ POST でのリクエストの場合
  if (empty($error) && $_SERVER['REQUEST_METHOD']==='POST') {
    //メールアドレス等を記述したファイルの読み込み
    require '../libs/mailvars.php';

    //メール本文の組み立て
    $mail_body = 'コンタクトページからのお問い合わせ' . "\n\n";
    $mail_body .=  date("Y年m月d日 D H時i分") . "\n\n";
    $mail_body .=  "お名前： " .h($name) . "\n";
    $mail_body .=  "Email： " . h($email) . "\n"  ;
    $mail_body .=  "お電話番号： " . h($tel) . "\n\n" ;
    $mail_body .=  "＜お問い合わせ内容＞" . "\n" . h($body);

    //--------sendmail------------
    //メールの宛先（名前<メールアドレス> の形式）。値は mailvars.php に記載
    $mailTo = mb_encode_mimeheader(MAIL_TO_NAME) ."<" . MAIL_TO. ">";
    //Return-Pathに指定するメールアドレス
    $returnMail = MAIL_RETURN_PATH; //
    //mbstringの日本語設定
    mb_language( 'ja' );
    mb_internal_encoding( 'UTF-8' );
    // 送信者情報（From ヘッダー）の設定
    $header = "From: " . mb_encode_mimeheader($name) ."<" . $email. ">\n";
    $header .= "Cc: " . mb_encode_mimeheader(MAIL_CC_NAME) ."<" . MAIL_CC.">\n";
    $header .= "Bcc: <" . MAIL_BCC.">";
    //メールの送信
    //セーフモードがOnの場合は第5引数が使えない（サンプルなので送信しないようにコメントアウト）
    if ( ini_get( 'safe_mode' ) ) {
      $result = mb_send_mail( $mailTo, $subject, $mail_body, $header );
    } else {
      $result = mb_send_mail( $mailTo, $subject, $mail_body, $header, '-f' . $returnMail );
    }
    //メール送信の結果判定
    if ( $result ) {
      //自動返信メール
      //ヘッダー情報
      $ar_header = "MIME-Version: 1.0\n";
      $ar_header .= "From: " . mb_encode_mimeheader( AUTO_REPLY_NAME ) . " <" . MAIL_TO . ">\n";
      $ar_header .= "Reply-To: " . mb_encode_mimeheader( AUTO_REPLY_NAME ) . " <" . MAIL_TO . ">\n";
      //件名
      $ar_subject = 'お問い合わせ自動返信メール';
      //本文
      $ar_body = $name." 様\n\n";
      $ar_body .= "この度は、お問い合わせ頂き誠にありがとうございます。" . "\n\n";
      $ar_body .= "下記の内容でお問い合わせを受け付けました。\n\n";
      $ar_body .= "お問い合わせ日時：" . date("Y-m-d H:i") . "\n";
      $ar_body .= "お名前：" . $name . "\n";
      $ar_body .= "メールアドレス：" . $email . "\n";
      $ar_body .= "お電話番号： " . $tel . "\n\n" ;
      $ar_body .="＜お問い合わせ内容＞" . "\n" . $body;
      //メールの送信結果を変数に代入 （サンプルなので送信しないようにコメントアウト）
      if ( ini_get( 'safe_mode' ) ) {
        //セーフモードがOnの場合は第5引数が使えない
        $result2 = mb_send_mail( $email, $ar_subject, $ar_body , $ar_header  );
      } else {
        $result2 = mb_send_mail( $email, $ar_subject, $ar_body , $ar_header , '-f' . $returnMail );
      }
      $_POST = array(); //空の配列を代入し、すべてのPOST変数を消去
      //変数の値も初期化
      $name = '';
      $email = '';
      $email_check = '';
      $tel = '';
      $subject = '';
      $body = '';
      //再読み込みによる二重送信の防止
      $params = '?result='. $result .'&result2=' . $result2;
      //サーバー変数 $_SERVER['HTTPS'] が取得出来ない環境用
      if(isset($_SERVER['HTTP_X_FORWARDED_PROTO']) and $_SERVER['HTTP_X_FORWARDED_PROTO'] === "https") {
        $_SERVER['HTTPS'] = 'on';
      }
      //reCAPTCHA 検証結果確認用パラメータ
      $params .= '&success=' . $rc_result->success  .'&action=' . $rc_result->action .'&score=' . $rc_result->score;
      $url = (empty($_SERVER['HTTPS']) ? 'http://' : 'https://').$_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME'];
      header('Location:' . $url . $params);
      exit;
    }
  }
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>コンタクトフォーム</title>
<link href="../../../../plugins/bootstrap4/css/bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container">
  <!-- ここから reCAPTCHA 検証結果確認用（テスト用）  -->
  <div class="success">
  <!-- reCAPTCHA 検証を通過した場合  -->
  <?php
  $get_success = filter_input(INPUT_GET, 'success', FILTER_SANITIZE_FULL_SPECIAL_CHARS) ;
  if ($get_success) echo 'success: '. $get_success .'<br>';
  $get_action = filter_input(INPUT_GET, 'action', FILTER_SANITIZE_FULL_SPECIAL_CHARS) ;
  if ($get_action) echo 'action: '. $get_action .'<br>';
  $get_score = filter_input(INPUT_GET, 'score', FILTER_SANITIZE_FULL_SPECIAL_CHARS) ;
  if ($get_score) echo 'score: '. $get_score .'<br>';
  ?>
  </div>
  <div class="fail">
  <!-- reCAPTCHA 検証を失敗した場合  -->
  <?php if (isset($rc_result->success)) echo 'success: '. h($rc_result->success).'<br>' ?>
  <?php if (isset($rc_result->action)) echo 'action: '. h($rc_result->action).'<br>' ?>
  <?php if (isset($rc_result->score)) echo 'score: '.  h($rc_result->score).'<br>' ?>
  </div>
  <!-- ここまで reCAPTCHA 検証結果確認用（テスト用） -->
  <h2 class="">お問い合わせフォーム</h2>
  <?php if (isset( $error['recaptcha'] ) ): ?>
  <p><span class="error"><?php echo h( $error['recaptcha'] ); ?></span></p>
  <?php endif; ?>
  <?php if (filter_input(INPUT_GET, 'result') ) : ?>
  <h4>送信完了!</h4>
  <p>送信完了いたしました。</p>
  <?php  if ( filter_input(INPUT_GET, 'result2', FILTER_VALIDATE_BOOLEAN) ) : ?>
    <p class="success">確認の自動返信メールをお送りいたしました。</p>
  <?php elseif ( !filter_input(INPUT_GET, 'result2', FILTER_VALIDATE_BOOLEAN) ): ?>
    <p class="fail">確認の自動返信メールが送信できませんでした。</p>
  <?php endif; ?>
  <hr>
  <?php elseif (isset($result) && !$result ): ?>
  <h4>送信失敗</h4>
  <p>申し訳ございませんが、送信に失敗しました。</p>
  <p>しばらくしてもう一度お試しになるか、メールにてご連絡ください。</p>
  <p>メール：<a href="mailto:info@example.com">Contact</a></p>
  <hr>
  <?php endif; ?>
  <p>以下のフォームからお問い合わせください。</p>
  <form id="form" class="validationForm" method="post" novalidate>
    <div class="form-group">
      <label for="name">お名前（必須）
        <span class="error-php"><?php if ( isset( $error['name'] ) ) echo h( $error['name'] ); ?></span>
      </label>
      <input type="text" class="required maxlength form-control" data-maxlength="30" id="name" name="name" placeholder="氏名" data-error-required="お名前は必須です。" value="<?php echo h($name); ?>">
    </div>
    <div class="form-group">
      <label for="email">Email（必須）
        <span class="error-php"><?php if ( isset( $error['email'] ) ) echo h( $error['email'] ); ?></span>
      </label>
      <input type="email" class="required pattern form-control" data-pattern="email" id="email" name="email" placeholder="Email アドレス" data-error-required="Email アドレスは必須です。"  data-error-pattern="Email の形式が正しくないようですのでご確認ください" value="<?php echo h($email); ?>">
    </div>
    <div class="form-group">
      <label for="email_check">Email（確認用 必須）
        <span class="error-php"><?php if ( isset( $error['email_check'] ) ) echo h( $error['email_check'] ); ?></span>
      </label>
      <input type="email"  class="form-control equal-to required" data-equal-to="email" data-error-equal-to="メールアドレスが異なります" id="email_check" name="email_check" placeholder="Email アドレス（確認用 必須）" value="<?php echo h($email_check); ?>">
    </div>
    <div class="form-group">
      <label for="tel">お電話番号（半角英数字）
        <span class="error-php"><?php if ( isset( $error['tel'] ) ) echo h( $error['tel'] ); ?></span>
      </label>
      <input type="tel" class="pattern form-control" data-pattern="tel" id="tel" name="tel" placeholder="お電話番号" data-error-pattern="電話番号の形式が正しくないようですのでご確認ください"  value="<?php echo h($tel); ?>">
    </div>
    <div class="form-group">
      <label for="subject">件名（必須）
        <span class="error-php"><?php if ( isset( $error['subject'] ) ) echo h( $error['subject'] ); ?></span>
      </label>
      <input type="text" class="required maxlength form-control" data-maxlength="100" id="subject" name="subject" placeholder="件名" value="<?php echo h($subject); ?>">
    </div>
    <div class="form-group">
      <label for="body">お問い合わせ内容（必須）
        <span class="error-php"><?php if ( isset( $error['body'] ) ) echo h( $error['body'] ); ?></span>
      </label>
      <textarea class="required maxlength showCount form-control" data-maxlength="1000" id="body" name="body" placeholder="お問い合わせ内容（1000文字まで）をお書きください" rows="3"><?php echo h($body); ?></textarea>
    </div>
    <button name="submitted" type="submit" class="btn btn-primary">送信</button>
    <p style="margin-top: 30px;">※サンプルですので実際にはメールは送信されません</p>
  </form>
</div>
<!--  検証用の JavaScript（formValidation.js）の読み込み -->
<script src="formValidation.js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=<?php echo $siteKey; ?>"></script>
<script>
//validationForm クラスを指定した最初の form 要素を取得
const validationForm = document.getElementsByClassName('validationForm')[0];
//フォーム要素にイベントハンドラを設定
validationForm.addEventListener('submit', (e) => {
  //デフォルトの動作（送信）を停止
  e.preventDefault();
  const action_name = 'contact'; //アクション名
  //トークンを取得
  grecaptcha.ready(function() {
    grecaptcha.execute('<?php echo $siteKey; ?>', {action: action_name}).then(function(token) {
      //エラー（error-js クラス）の要素を取得
      const errorElem = document.querySelector('.error-js');
      //エラー（error-js クラス）の要素が存在しなければ
      if(errorElem === null) {
        const token_input = document.createElement('input'); //input 要素を生成
        token_input.type = 'hidden';
        token_input.name = 'g-recaptcha-response';
        token_input.value = token; //トークンを値に設定
        validationForm.appendChild(token_input);
        const action_input = document.createElement('input'); //input 要素を生成
        action_input.type = 'hidden';
        action_input.name = 'action';
        action_input.value = action_name;  //アクション名を値に設定
        validationForm.appendChild(action_input);
        validationForm.submit();  //フォームを送信
      }
    });
  });
});
</script>
</body>
</html>