下のエラー原因が分からず、数時間を無駄にした。悲しいので記録を残す。

サイト所有者の確認が必要なエラー:キータイプが無効です
結論は件名の通り。公式マニュアルのコードを例に出して違いを記載する。
v2 の正しい書き方
<div class="g-recaptcha" data-sitekey="your_site_key"></div>
v3 の正しい書き方
<button class="g-recaptcha" data-sitekey="reCAPTCHA_site_key"
data-callback='onSubmit'
data-action='submit'>Submit</button>
そして、私がやっていたダメな書き方(やってはいけない)
<div class="g-recaptcha" data-sitekey="reCAPTCHA_site_key"
data-callback='onSubmit'
data-action='submit'>Submit</div>
v3 を使う場合、<button> タグが正解であり、<div> はエラーになる。
もう少し別のエラー表記にしてもらえれば、時間を無駄にしなかったのに。。。
タグの間違い以外は、こちらのサイトが詳しかった。
コメントを残す