Recaptcha客户端验证

Question

有什么方法可以限制客户端用户在进入服务器sdie之前必须填写recaptcha？

我知道我们可以通过!Page.IsValid来检查服务器端，但是我想在提交之前进行客户端验证。

谢谢

Answer 1

有一种方法..通过禁用按钮本身..不久前做了同样的事情。

这是我的菜谱

<div class="g-recaptcha" data-callback="EnableButton" data-expired-callback="DisableButton" data-sitekey="your-site-key"></div>

这些是我使用的javascript函数

<script type="text/javascript">
    var DisableButton = function () {
        alert("Confirmation Expired. Please Answer Recaptcha.");
        document.getElementById('buttonID').disabled = true;
        grecaptcha.reset();
    };
    var EnableButton = function () {
        document.getElementById('buttonID').disabled = false;
    };

</script>

PS我用谷歌RECaptcha 2.0

它非常易于使用。 和它的免费。

Answer 2

免责声明：我从未使用过ASP.Net。

您不能阻止某人提交表格。

但是，在大多数情况下，可以使用某些Javascript阻止提交表单。

为此，请尝试验证reCAPTCHA使用Javascript / jQuery生成的form元素的。 最简单的方法是检查输入值的字符串长度是否大于零。