、GoogleのreCAPTCHAの作業罰金が、

Question

私はチェックしようとしています両方のチェックボックスが

1. ユーザーは、カスタムチェックボックスをGoogleのreCAPTCHAのを選択したときにそれが動作チェックやではありませんそして、私のボタンを提出 問題はその
2. ときイネーブルユーザーは最初のカスタムボックスを選択し、次にsubmitボタンが有効になっていないGoogle recaptchaを選択します。

私のコードは次のとおりです。

<div class="container"> 
      <form action="captcha.php" method="POST"> 
       <div class="g-recaptcha"data-theme="dark light" data-sitekey="6LenpCATAAAAAPNX7KmRsznT15ViNFKBI80ieTUU"></div> 
       <input type="checkbox" name="terms" id="terms"> 
       <p> 
        <button type="submit" name="submit" id="submit"class="btn btn-success" >Submit</button> 
       </p> 
      </form> 
     </div> 

Fiddle with my code

Answer 1

何のreCAPTCHAが完了するまでの条件を隠してはどうですか？私はあなたのコードを2つのチェックボックスで試してみたところ、recpatchaはあなたのGoogleのrecaptcha設定に含まれていない限り動作しません。

$(document).ready(function() { 
    $('#submit').attr({disabled: 'disabled'}); 
    $('#terms').hide(); 
    $(document).on('click', function(event) { 
     enableSubmit(); 
    }); 
    $(document).on('change','#g-recaptcha-response', function() { 
     enableSubmit(); 
    }); 
    function enableSubmit() { 
     if($('#g-recaptcha-response').val() !== '') { 
     console.log('in if '); 
     $('#terms').show(); 
     if($('#terms').is(':checked')) { 
     $('#submit').removeAttr('disabled'); 
     } 
     else 
     { 
      console.log('in else '); 
      $('#submit').attr({ 
      disabled: 'disabled' 
      }); 
     } 
     } 
}; 

2つのチェックボックス

$(document).ready(function() { 
      $('#submit').attr({ 
       disabled: 'disabled' 
      }); 
    $('#terms1').hide(); 
      $(document).on('click', function(event) { 
       enableSubmit(); 
      }); 
      $(document).on('change','#terms', function() { 
       enableSubmit(); 
      }); 
      function enableSubmit() { 
       if($('#terms').is(':checked')) { 
        console.log('in if '); 
     $('#terms1').show(); 
     if($('#terms').is(':checked') && $('#terms1').is(':checked')) { 
     $('#submit').removeAttr('disabled'); 
     } 
       } else { 
        console.log('in else '); 
        $('#submit').attr({ 
         disabled: 'disabled' 
        }); 
       } 
      }; 
     });