API登録 |
https://www.google.com/recaptcha/admin#list にアクセスして新しいサイトを登録します。 登録後、発行された Site key と Secret key を上のAPI設定に保存してください。 |
---|---|
JavaScriptの設置 |
以下のコードをフォームのhead要素の中に追加します。 <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script> function validateRecaptcha ( code ) { if ( !!code ) { var form = document.querySelector(".recaptcha"); form.removeAttribute('disabled'); } } </script> |
HTMLの修正 |
フォーム送信時(確認画面)の form要素を修正します。ReCaptcha モジュールをformの中に置き、 <form action="thanks.html" method="post" enctype="multipart/form-data"> <!-- BEGIN_MODULE ReCaptcha --> <div class="g-recaptcha" data-callback="validateRecaptcha" data-sitekey="{sitekey}"></div> <!-- END_MODULE ReCaptcha --> ... <input type="submit" name="ACMS_POST_Form_Submit" value="送信する" class="recaptcha" disabled /> </form> |