구글 reCAPTCHAv2

3388 단어 reCAPTCHAJavaScript
법/!
chatwork 등 로그인할 때 자주 보는 이 사람↓

쉽게 사용할 수 있습니다!
일은 이제야 알았다!
마침 상담 페이지에서 사용할 기회가 생겨서 필기를 하고 있습니다.

이번 사용 v2


<form>

    <label>お名前</label><input type="text" name="onamae" value="" placeholder="お名前" >

    <!-- ▼reCAPTCHAのチェックボックスが表示される -->
    <div id="google_rechapcha"></div>

    <button id="send" type="submit" disabled="disabled">送信</button>
</form>

<script>
var onloadCallback = function() {
                     // IDがgoogle_rechapchaにレンダリングする
    grecaptcha.render('google_rechapcha', {
      'sitekey' : '*****************************', // 取得したkeyをいれる
      'callback' : verifyCallback, //コールバック関数を指定
    });
  };

  // コールバック関数を定義
  function verifyCallback(){
      // submitボタンのdisableをfalseにする。
      document.getElementById('send').disabled = false;
  }
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

좋은 웹페이지 즐겨찾기