问题描述
我正在尝试向我的一个表单添加验证码,但我不知道为什么它不起作用。
以我的形式
... form ...
@if($settings->recaptcha_enabled && !empty($settings->recaptcha_site_key) && !empty($settings->recaptcha_secret_key))
{!! Form::hidden('g-recaptcha-response',null,[ 'id' => 'recaptcha','data-sitekey' => $settings->recaptcha_site_key]) !!}
@endif
... form ...
在我的页面底部(输出是 HTML 格式,并且有正确的值作为站点键等,所以条件不是问题)
@if($settings->recaptcha_enabled && !empty($settings->recaptcha_site_key) && !empty($settings->recaptcha_secret_key))
<script src="https://www.google.com/recaptcha/api.js?render={!! $settings->recaptcha_site_key !!}"></script>
<script>
function onClick(e) {
e.preventDefault();
grecaptcha.ready(function() {
grecaptcha.execute('{!! $settings->recaptcha_site_key !!}',{action: 'submit'}).then(function(token) {
console.log('test1');
if (token) {
console.log('test2')
document.getElementById('recaptcha').value = token;
}
});
});
}
</script>
@endif
我可以在右下角看到一个 recaptcha 徽章,所以我想它已经正确加载了。
但是当我单击提交表单(保留日志并启用服务器上的日志记录)时,我在 g-recaptcha-response
对象中收到了 NULL。我一直在寻找隐藏的输入更改(我想在提交表单之前应该添加一些标记)但该输入不会更改。
我不会在这里发布我的后端验证部分(这应该很容易),因为我还没有管理第一部分 - 第一次从 FE 获取 recaptcha 令牌。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)