Google ReCaptcha前端解决方案

Google ReCaptcha Front-End Solution

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

我正在使用 ASP.Net MVC,但我也不想使用来自 nuget 或任何库的任何包。解决方案必须仅限前端。接受所有 javascript/jquery 个解决方案。

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

除非您使用的是 CMS,否则您将不得不在后端放置一些代码,因为您将使用 reCAPTCHA 发出 POST 请求。

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

感谢 Ivo Coumans 的详细解释。我让它工作,但显然它不安全。 Rinto Antony 给了我一个想法,我就是这样做的。

我正在调用 Google ReCaptcha API 到我网站的标题部分并添加创建验证码的 div:

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

由于data-callback 正在触发enableBtn 函数,如果它返回true 就可以采取行动。所以我在我的表单中添加了一个禁用的提交按钮。

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

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

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

我知道这很容易被绕过,这不是一个真正的解决方案,但它正在工作。我愿意接受任何可以使它变得更好的想法。