Google ReCaptcha前端解决方案

Question

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

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

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

Answer 1

感谢伊沃·库曼斯的详细解释。我让它起作用了，但很明显，它不安全。Rinto Antony给了我一个想法，这就是我要做的。

我调用Google ReCaptcha API来领导我的网站，并添加创建captcha的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，因为它只需要下载一个插件，然后复制键并粘贴它们。