Google ReCaptcha前端解决方案

Question

我想使用Google ReCaptcha，但我也不想触及服务器端或后端代码。

我正在使用ASP.Net MVC，但我也不想使用nuget或任何库中的任何软件包。解决方案必须只是前端。所有javascript / jquery解决方案都被接受。

我还注意到我的表单正在收集数据并将其作为电子邮件发送到指定的邮箱。我也没有在此过程中使用任何第三方库。它仅由ASP.Net MVC手动编码。

Answer 1

感谢Ivo Coumans的详细解释。我得到了它的工作，但显然它不安全。 Rinto Antony在这里给了我一个想法就是我做的事。

我正在调用Google ReCaptcha API来处理我网站的部分并添加创建验证码的div：

<div class="g-recaptcha" data-sitekey="api_key" data-callback="enableBtn"></div>

由于数据回调是触发enableBtn函数，因此如果返回true，则可以采取措施。所以我在表单中添加了一个禁用的提交按钮。

<input type="submit" value="Gönder" id="button1" disabled>

然后我添加了一个简单的javascript来启用它：

<script type="text/javascript">
    function enableBtn() {
    document.getElementById("button1").disabled = false;
}
</script>

我知道这可以很容易地被绕过而不是真正的解决方案，但它正在发挥作用。我对任何可以使这更好的想法持开放态度。

Answer 2

除非您使用的是CMS，否则您必须在后端添加一些代码，因为您将使用reCAPTCHA发出POST请求。

我强烈推荐使用wordpress，因为只需下载一个插件，然后只需复制密钥并粘贴它们即可。