Google recaptcha工作得很好但是

时间:2016-05-26 06:45:49

标签: jquery html recaptcha

我正在尝试检查复选框是否检查它是否有效

  1. 用户选择google recaptcha然后自定义复选框然后我的提交按钮启用 问题是
  2. 当用户选择第一个自定义框然后google recaptcha提交按钮时不启用。
  3. 我的代码是:

     <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

1 个答案:

答案 0 :(得分:0)

如果隐藏条款和条件直到重新填写完成,该怎么办?我尝试了两个复选框的代码,因为recpatcha不会工作,除非小提琴网址包含在谷歌的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'
          });
        }
      }
};

两个复选框

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