个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
42
4
如何使用 requirejs 导入 recaptcha。我已经尝试了几件事，但没有任何效果。
我需要这样做，以便能够在加载后使用 reCaptcha 的渲染方法自行渲染它。
require.config({
paths: {
'recaptcha': 'http://www.google.com/recaptcha/api'
}
});
require( ['recaptcha'], function( recaptcha ) {
// do something with recaptcha
// recaptcha.render /// at this point recaptcha is undefined
console.log(recaptcha);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.min.js"></script>最佳答案
是的，我有一个解决方案给你。因此，最终发生的情况是，在从 google api 加载所需内容之前，recaptcha 无法呈现。
因此您需要执行以下操作(也不要在路径中使用 http/https):
require.config({
paths: {
'recaptcha': '//www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit'
}
});
现在，从 google API 下载必要的库后，将允许执行回调。不幸的是，这个回调需要是全局的。
JS
var requireConfig = {
paths: {
'recaptcha': '//www.google.com/recaptcha/api.js? onload=onloadCallback&render=explicit'
}
};
function render(id) {
console.log('[info] - render');
recaptchaClientId = grecaptcha.render(id, {
'sitekey': '6LdntQgUAAAAANdffhZl0tIHw0fqT3MwNOlAI-xY',
'theme': 'light'
});
};
window.renderRecaptcha = render;
var onloadCallback = function() {
console.log('[info] - onLoadCallback');
if (!document.getElementById('g-recaptcha')) {
return;
}
window.renderRecaptcha('g-recaptcha');
};
requirejs.config(requireConfig);
require(['recaptcha'], function(recaptcha) {
});
HTML
<body>
<form action="?" method="POST">
<div id="g-recaptcha"></div>
<br/>
<input type="submit" value="Submit">
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"> </script>
</body>
我希望这对你有用!
关于requirejs - 验证码 + RequireJS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39854128/
42
4
0
我在网上找到了这个很棒的小代码，但它似乎没有在正确删除空格后比较两个字符串？我知道一些js，但这里的任何错误都超出了我的理解范围。希望有人知道这个问题的答案。 注意:它似乎还根据 channel 的数
如何使用 requirejs 导入 recaptcha。我已经尝试了几件事，但没有任何效果。 我需要这样做，以便能够在加载后使用 reCaptcha 的渲染方法自行渲染它。 require.confi
我可以做些什么来尝试解决之前一直有效但现在在尝试访问 javascript 文件时返回 404 的重新验证码问题。 我不认为这是编码问题，因为他们今天下午就起来了。 值得一提的是，我的两个使用 re-
好的，我们在生产中实现了 Recaptcha。我们收到错误是因为它无法到达使用该服务所需的 IP 地址。我们为 IP 地址打开一个端口以到达 Google。没问题。我们这样做并显式配置该 IP 地址以
我正在使用 Robot Framework + Selenium2Library 为 Web 编写验收测试。关键是 web 包含一些我无法自动化的输入字段 (CAPTCHA)，并且我无法告诉我的供应商
我正在尝试实现验证码。我正在使用 jquery (ajax) 调用验证脚本 (http://www.google.com/recaptcha/api/verify)。这将数据类型限制为 JSONP，G
我在站点中使用 scrapy 提交表单 https://www.barefootstudent.com/jobs (任何进入页面的链接等http://www.barefootstudent.com/l
我经营一个游戏网站，所以我有很多用户登录，他们可以每两分钟做一次某些事情。 我在某些地方有一个 CAPTCHA 系统，对于某些东西，它总是要求输入代码，而对于其他东西，它会每 10 分钟询问一次。 我
thinkphp中的验证码是可以直接调用的，非常方便，我们看一下 Think 文件夹下 有一个名为verify.class.php的文件 首先 我们要有一个模
我正在实现一个在注册表单上带有验证码的网站；我的第一次。我已经阅读了数十篇关于支持和反对论点以及所有各种实现的帖子。我对这一切很满意，但对我来说这是必要的邪恶。 我不明白的是为什么人们会在整个网络上的
我正在使用 Sitecore 8 update 3，目前我向 WFFM 表单添加了验证码并按下音频，但显示错误如下: [ArgumentNullException: Value cannot be n
我正在对我已经完成的网络系统部分进行一小部分升级，其中之一是确保我的 Google reCaptcha 的安全性正确。 目前，我使用此代码: //reCaptcha $Url = "https://w
我正在对我已经完成的网络系统部分进行一小部分升级，其中之一是确保我的 Google reCaptcha 的安全性正确。 目前，我使用此代码: //reCaptcha $Url = "https://w
我对制作 3D 验证码很感兴趣，我让它使用一种字体，如下所示: import string from matplotlib.font_manager import findSystemFonts im
大家。我是jquery初学者，想请教几个问题。 我正在为表单提交测试编写一个简单的数学验证码，我想每次按下“重置按钮”时生成一组新的随机数。 但是当我用谷歌搜索解决方案时，大多数人都在尝试重新加载页面
我的网站上有一个验证码，我认为样式被其他一些 css 覆盖了，正如您在下面的验证码底部看到的那样，它有点偏离.. 在 firebug 中发现 CSS 覆盖的最佳方法是什么？已经看了一段时间了，似乎无法
我在 Google Play 上有一个 PNR 查询应用程序。它工作得很好。但最近 Indian Railwys 在他们的 PNR 查询部分添加了验证码，因此我无法将正确的数据传递到服务器以获得正确的
我被指派为 joomla 中的自定义组件创建验证码验证，但我不知道如何正确地完成它。 我知道有许多可用的验证码插件，例如 recaptcha，但我需要使用公司创建的自定义验证码。 它在 session
本文实例讲述了php/JS实现的生成随机密码(验证码)功能。分享给大家供大家参考，具体如下： PHP写法： ?
我正在关注关于电话授权的 React Native firebase 文档 ( https://rnfirebase.io/docs/v5.x.x/auth/phone-auth )，并且对是否需要(
我是一名优秀的程序员,十分优秀！