手動でGoogle reCAPTCHAを設定する

<?php
/* ----------------------------------------
サーバ側にAPIリクエストを送り、受け取る
----------------------------------------- */ 
// サーバー側のkey
$secretKey =  'ここにシークレットキーを記載';
// トークン
$captchaResponse = $_POST['g-recaptcha-response'];

// サーバ側にAPIリクエスト
// keyとトークンが必須
// file_get_contentsはファイルの内容を全て文字列に読み込む関数
$verifyResponse = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret={$secretKey}&response={$captchaResponse}");

// APIレスポンス応答
// JSONオブジェクトで受け取る
// json_decodeはJSONエンコードされた文字列を受け取り、それをPHPの値に変換
$responseData = json_decode($verifyResponse);
if ($responseData->success) {
  // 成功のメッセージを入れる
  $complete_message = '<strong id="okmessage">お問い合わせありがとうございます。</strong><br>メッセージが送信されました。'; 
} else {
  // 失敗のメッセージを入れる
  $complete_message = 'メッセージの送信に失敗しました。<br>後でまたお試しください。';
}

?>

<form class="c-form" id="c-form" action="" method="post">

---- 省略 -----

<!-- 送信ボタン  -->
<input class="c-btn01 g-recaptcha" id="form-submit" type="button" name="form-submit"
      data-sitekey="ここにサイトキーを記載する" data-callback='onSubmit' data-action='submit' value="送信">

</form>

<!-- reCAPTCHA -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=ここにサイトキーを記載する"></script>
<script>
function onClick(e) {
  e.preventDefault();
  grecaptcha.ready(function() {
    grecaptcha.execute('ここにサイトキーを記載する', {
      action: 'submit'
    }).then(function(token) {
      // Add your logic to submit to your backend server here.
    });
  });
}

// submit 
function onSubmit(token) {
  //フォームの要素を取得
  const form = document.getElementById("c-form");
  // form.submit()だとHTML5のバリデーションが効かない
  // reportValidity()・・・子コントロールが制約検証を満たしているか判定
  if (!(form).reportValidity()) {
    // 満たしていなければ終了
    return false;
  } else {
    // 満たしていたら処理
    form.submit();
  }
}

</script>

<?php
/* ----------------------------------------
サーバ側にAPIリクエストを送り、受け取る
----------------------------------------- */ 
// サーバー側のkey
$secretKey =  'ここにシークレットキーを記載';
// トークン
$captchaResponse = $_POST['g-recaptcha-response'];

// サーバ側にAPIリクエスト
// keyとトークンが必須
// file_get_contentsはファイルの内容を全て文字列に読み込む関数
$verifyResponse = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret={$secretKey}&response={$captchaResponse}");

// APIレスポンス応答
// JSONオブジェクトで受け取る
// json_decodeはJSONエンコードされた文字列を受け取り、それをPHPの値に変換
$responseData = json_decode($verifyResponse);
if ($responseData->success) {
  // 成功のメッセージを入れる
  $complete_message = '<strong id="okmessage">お問い合わせありがとうございます。</strong><br>メッセージが送信されました。'; 
} else {
  // 失敗のメッセージを入れる
  $complete_message = 'メッセージの送信に失敗しました。<br>後でまたお試しください。';
}

?>

<script>
   function onSubmit(token) {
     document.getElementById("demo-form").submit();
   }
 </script>

function onSubmit(token) {
  //フォームの要素を取得
  const form = document.getElementById("c-form");
  // form.submit()だとHTML5のバリデーションが効かない
  // reportValidity()・・・子コントロールが制約検証を満たしているか判定
  if (!(form).reportValidity()) {
    // 満たしていなければ終了
    return false;
  } else {
    // 満たしていたら処理
    form.submit();
  }
}