Javascript 看不见的reCAPTCHA不是提交，只是无限地重新加载自己

我有编程绑定方法，一旦我点击submit按钮，页面就不会显示加载的迹象。我只看到徽章无限地重新加载，我的控制台显示相同的资源被反复加载，一旦它达到一个点，显然reCAPTCHA认为我是一个机器人垃圾邮件，让我解决CAPTCHA，我解决他们，这个过程再次重复，它永远不会结束

这是我基于这个答案的代码：

...
用户名
密码
$（'#login'）。提交（函数（事件）{
event.preventDefault（）；
grecaptcha.reset（）；
grecaptcha.execute（）；
});
提交函数（响应）{
$（'#login'）。提交（）；
}

可能会发生什么，如何解决？我正在本地主机上工作，已禁用

验证reCAPTCHA解决方案的来源

提前感谢
验证码验证在执行
onSubmit
函数之前进行。这意味着首先要进行验证码验证，然后提交表单，然后再次重置验证码，执行（）再次调用
onSubmit
函数。一遍又一遍

我不知道您的验证在哪里，但对于提供的代码，您只想摆脱那些额外的recaptcha执行，因此这里不需要
$（'#login'）.submit（）

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src='https://www.google.com/recaptcha/api.js' async defer></script>
...
<form id='login' role='form' method='post'>
    <div class="form-group">
        <label for='form-user'>Username</label>
        <input type='text' class='form-control' id='form-user' name='form-user' placeholder='Username' required>
    </div>
    <div class="form-group">
        <label for='form-password'>Password</label>
        <input type='password' class='form-control' id='form-password' name='form-password' placeholder='Password' required>
    </div>
    <div class='g-recaptcha' data-sitekey='my-key' data-size='invisible' data-callback='onSubmit'></div>
    <input type='submit' value='Sign In' name='submit-btn' class='btn btn-default'>
</form>
<script>
    $('#login').submit(function (event) {
        event.preventDefault();
        grecaptcha.reset();
        grecaptcha.execute();
    });

    function onSubmit(response) {
        $('#login').submit();
    }
</script>