当前位置: 首页 > 面试题库 >

Google ReCAPTCHA怎么要求?

胡高朗
2023-03-14
问题内容

有谁知道如何使“ Google ReCAPTCHA(v2)”成为“必填项” form

我的意思是直到填写Recaptcha才提交表单?

我在表单中使用ParsleyJs,但没有找到使其与divs 一起使用的方法。


问题答案:

您必须使用reCaptcha验证响应回调。像这样:<script src='https://www.google.com/recaptcha/api.js?onload=reCaptchaCallback&render=explicit'></script>

var RC2KEY = 'sitekey',
    doSubmit = false;

function reCaptchaVerify(response) {
    if (response === document.querySelector('.g-recaptcha-response').value) {
        doSubmit = true;
    }
}

function reCaptchaExpired () {
    /* do something when it expires */
}

function reCaptchaCallback () {
    /* this must be in the global scope for google to get access */
    grecaptcha.render('id', {
        'sitekey': RC2KEY,
        'callback': reCaptchaVerify,
        'expired-callback': reCaptchaExpired
    });
}

document.forms['form-name'].addEventListener('submit',function(e){
    if (doSubmit) {
        /* submit form or do something else */
    }
})


 类似资料:
  • 以前一直用 vue3,现在在学习用 nuxt3,遇到一个传 token 的问题,研究半天没明白,nuxt3 这个 token 要怎么请求的时候传过去? 我先讲下我的 vue3 是怎么用的 用户第一次访问网站,检查 localStorage.getItem('token') 是否为空,如果为空或token过时,直接跳到登录页面,登录后获取 token 存放到 localStorage.setItem

  • 相似图片查询要怎么做,上传的每一个图片是不是应该有一个值保存在数据库,然后相似的图就是用当前这个图的值去查找,那这个值怎么比较说明相似?越想越不对,到底该怎么做,高手来指点一下

  • 产品表 t_product 和 产品扩展分类表 t_product_category t_product 表字段 product_id, category_id, title, seq t_product_category 表字段 product_id, category_id 一个产品可能有多个扩展分类,现在想要根据category_id来查找产品,如果 t_product 没有,t_produ

  • 所以我遇到了这个问题,依赖项的AAR元数据(META-INF/com/android/build/gradle/AAR metadata.properties)中指定的minCompileSdk(31)大于该模块的compileSdkVersion(android-30)。 在这里回答:指定的minCompileSdk(31) 我的问题是:我怎么知道是哪个依赖关系导致了这个问题?用户laalto是

  • 在我的表中,有一个单元格在没有与表交互的情况下不会更新。 我已经在这里找到了原因Java:setCellValuefactory;Lambda vs.PropertyValueFactory;优点/缺点 我的问题是,cells项的默认值是并且我希望我的单元格包含“---”,只要该项具有此默认值。更新项目时,我希望单元格包含当前日期字符串。 项目类别: 在我的CellFactory中,我设置了新值:

  • 请求各位大哥帮忙解密,祝大哥们发财娶漂亮老婆!! 完整版:【腾讯文档】 https://docs.qq.com/doc/DV2FaZ0J4c1lzYUtB (function(_0x319d23,_0x253eaa){const _0x17f6bd=_0x319d23();function _0x5ef634(_0x4d9bcf,_0x332385,_0x131a87,_0xdb2988){ret