Google Recaptcha отлично работает, но

Question

Я пытаюсь проверить как флажок проверки или не работает, когда

1. пользователь выбирает Google ReCaptcha затем пользовательский флажок, то моя кнопка отправки включения Проблема заключается в том, что
2. когда пользователь выбирает первый настраиваемый ящик, а затем 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 не завершена? Я попробовал свой код с двумя флажками, поскольку recpatcha не будет работать, если URL-адрес скрипта не включен в ваши настройки recaptcha в google.

$(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' 
      }); 
     } 
     } 
}; 

два флажка

$(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' 
        }); 
       } 
      }; 
     });