代码之家 › 专栏 › 技术社区 › Semicolon

reCAPTCHA不带回调函数

invisible-recaptcha recaptcha javascript

Semicolon · 技术社区 · 7 年前

我有一个窗体是用事件监听器处理的,它不能很好地使用recaptcha的回调函数。

形式

<form class="myform>
...
<button class="g-recaptcha" data-sitekey="your_site_key" data-callback='onSubmit'>Submit</button>
</form>

onSubmit 按以下方式处理以获取令牌。

var onSubmit = function(token) {
  console.log('token');
};

但是,我想在下面的表单处理程序中获取令牌。 提交

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

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

    event.preventDefault();

    var form = $(this);
    var token = ''; // how do I get the token?
    submitForm(form, token); // token is not defined here but I want it to be

});

1 回复 | 直到 7 年前

Hooman 7 年前

您应该触发表单提交:

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

表单提交处理程序函数:

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

    event.preventDefault();

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

});

推荐文章

NoahVerner · 是否可以在Cypress上进行半自动测试,包括手动解决recaptcha?

3 年前

joe · 看不见的recaptcha api js阻止了我

3 年前

Ahmet · recaptcha在Vue组件中不起作用。给grecaptcha。未加载grecaptcha时,render不是函数

7 年前

CodeBy · 如何在ReactNative应用程序中使用reCaptcha?

7 年前

Dean · SweetAlert模式窗口中的Google reCaptcha

7 年前

Freddy Heppell · PHP Curl错误60查询reCAPTCHA API

7 年前

bmalets TerryS · Recaptcha gem error“未指定站点密钥”

7 年前

ruchit · 如何在angular 2应用程序中添加reCAPTCHA?

7 年前

OtagoHarbour · reCAPTCHA:“站点所有者错误:站点密钥无效”

7 年前

Anonymous · angular 4中RecaptchamModule中的过期回调

8 年前