blog

recaptcha v2 とv3 でタグが異なる

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

結論は件名の通り。公式マニュアルのコードを例に出して違いを記載する。

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> はエラーになる。

もう少し別のエラー表記にしてもらえれば、時間を無駄にしなかったのに。。。

タグの間違い以外は、こちらのサイトが詳しかった。

【広告】

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です