2016-07-22 177 views
0

我期待使用谷歌的recaptcha添加到我的网站。如果recaptcha返回发送按钮,html表单只需要调用MAILTO操作即可。这是<head><body>中的简化代码。谷歌recaptcha发送电子邮件

<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:[email protected]" 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. 如何只允许发送按钮时,谷歌的验证码返回true发挥作用。
  2. 如何将验证码置于css中。
+0

你想要什么? Spambots不会“访问”您的网站,他们会抓取它。他们会在你的源代码中找到你的电子邮件。使用googlerecaptcha隐藏它将不起作用。你需要检查你的后端谷歌响应,如果积极发送电子邮件地址回到客户端 –

+0

嗯,我没有意识到这一事实。所以基本上我需要发布表单并通过php访问数据? – Max

+0

尽可能使其成为spamsecure是的。 –

回答

0
<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> 
+0

嗨,乔纳斯。您的代码在呈现Google验证电话时似乎不会生成显示提交按钮的回复。任何帮助将是伟大的 – Max

+0

任何错误(看看控制台),什么不工作? –

+0

所以我认为你的代码与我所寻找的相反。我希望提交按钮出现,谷歌的recaptcha返回True后。 – Max

相关问题