没有回调函数的reCAPTCHA不可见

Question

我有一个使用事件侦听器处理的表单，并且不能与recaptcha的回调函数配合使用。

在表格内部：

表格

sed 's/^  //'

现在，它依靠函数<form class="myform> ... <button class="g-recaptcha" data-sitekey="your_site_key" data-callback='onSubmit'>Submit</button> </form> 来处理以获取令牌，如下所示。

reCaptcha回调和令牌处理程序

onSubmit

但是我想在下面的表单处理程序中获取令牌。 var onSubmit = function(token) { console.log('token'); }; 和下面的事件侦听器会同时触发，但不能交换令牌。

我想要令牌的表单处理程序

onSubmit

Answer 1

您应该触发表单提交：

var onSubmit = function(token) {
    $( "form.myform" ).submit();
};

您的表单提交处理程序功能：

$('form.myform').submit(function (event) {

    event.preventDefault();

    var form = $(this);
    var token = grecaptcha.getResponse(); 
    submitForm(form, token);

});