【问题标题】:google recaptcha to send email谷歌recaptcha发送电子邮件
【发布时间】:2016-11-25 20:18:01
【问题描述】:

我希望使用 google 的 recaptcha 添加到我的网站。如果 recaptcha 对发送按钮返回 true,则 html 表单只需调用 MAILTO 操作。这是<head><body> 中的简化代码。

<head>
    <script type="text/javascript">
      var onloadCallback = function() {
        grecaptcha.render('html_element', {
          'sitekey' : 'my key'
        });
      };
    </script>
    <script src='https://www.google.com/recaptcha/api.js'></script>
</head>

<body>
    <form action="MAILTO:my.email@example.com" method="post" enctype="text/plain">
        Name<br><input type="text"><br><br>
        E-mail<br><input type="text"><br><br> 
        <input type="submit" value="Send">
        <input type="reset" value="Reset">
        <div class="g-recaptcha" data-sitekey="mykey"></div>
    </form>

    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
    async defer>
    </script>
</body>

一个问题是我是 javascript 新手,所以正确地关注 google's javascript API 很困难。 send按钮可以随时按下。

简而言之,我想学习的是:

  1. 如何仅在 google 的验证码返回 true 时允许发送按钮起作用。
  2. 如何在 css 中使验证码居中。

【问题讨论】:

  • 你要那个干什么?垃圾邮件机器人不会“访问”您的网站,他们会抓取它。他们会在您的源代码中找到您的电子邮件。使用 googlerecaptcha 隐藏它是行不通的。您需要检查后端的谷歌响应,如果是肯定的,则将电子邮件地址发送回客户端
  • 呃,我不知道这个事实。那么基本上我需要发布表单并通过 php 访问数据吗?
  • 尽可能保证垃圾邮件安全是的。

标签: javascript html captcha forms


【解决方案1】:
 <script type="text/javascript">
var verifyCallback = function(response) {
//called when success
 document.all.body.hide.style.display="block";
};
var onloadCallback = function(){
grecaptcha.render('verify', {
'sitekey' : 'your_site_key',
'callback' : verifyCallback,
'theme' : 'dark'
});
};
</script>
</head>
<body>
<div id="verify"></div>
<form>
<button type="submit" id="hide">Submit</button>
</form>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer>
</script>
<style>#hide{display:none;}</style> </body></html>

【讨论】:

  • 嗨乔纳斯。在呈现谷歌验证调用时,您的代码似乎没有生成显示提交按钮的响应。任何帮助都会很棒
  • 任何错误(查看控制台)以及究竟是什么不起作用?
  • 所以我认为您的代码与我正在寻找的相反。我希望在 google 的 recaptcha 返回 True 后出现提交按钮。
  • 这就是它的作用。问题出在哪里??
  • 提交按钮永远不会隐藏。
猜你喜欢
  • 1970-01-01
  • 2021-01-07
  • 1970-01-01
  • 1970-01-01
  • 2018-03-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-04-22
相关资源
最近更新 更多