在表单提交之前要求用户点击谷歌的新的reCAPTCHA。

9 浏览
0 Comments

在表单提交之前要求用户点击谷歌的新的reCAPTCHA。

我正在使用谷歌的新版reCAPTCHA在我的表单（HTML5）中：\nhttps://www.google.com/recaptcha\n有没有办法在表单提交之前检查并标记reCAPTCHA为必填项？\n我希望在客户端进行验证，而不是在服务器端。这样，我就不必返回表单并警告用户没有输入验证码。\n有没有可以使用的JavaScript来检查用户是否在reCAPTCHA中输入了任何内容？

0

3 答案

0 Comments

Google的新Recaptcha是一种用于验证用户是否为机器人的安全性工具。在提交表单之前，要求用户点击Google的新Recaptcha。这是为了防止恶意机器人自动提交表单。

原因：

- 由于数据滥用和恶意机器人的增加，网站管理员需要一种方法来验证用户是否为真实人类。

- 传统的验证码可能不再足够安全，因为机器学习技术已经发展到可以轻松破解大多数传统验证码的程度。

- Google的新Recaptcha使用先进的算法和技术，可以更准确地判断用户是否为机器人，提高了验证的安全性。

解决方法：

- 在表单提交之前，添加Google的新Recaptcha验证。这可以通过在表单中嵌入Recaptcha小部件来实现。

- 使用grecaptcha.getResponse()函数来获取Recaptcha的响应。这可以在条件语句中进行检查，如grecaptcha.getResponse(opt_widget_id) === ""。

- 默认情况下，如果未指定小部件ID，则使用第一个创建的小部件。

- 通过在代码中调用Recaptcha验证函数，可以确保用户在提交表单之前进行了Recaptcha验证。

- 这种验证方法可以防止机器人自动提交表单，提高了表单的安全性和可靠性。

Google的新Recaptcha要求用户在提交表单之前进行验证，以确保用户是真实的人类而非机器人。这种验证方法使用先进的算法和技术，提高了验证的安全性。通过在表单中嵌入Recaptcha小部件和调用验证函数，可以实现这种验证方法。这种方法可以有效地防止恶意机器人自动提交表单，提高了表单的安全性和可靠性。

0
0 Comments

问题的原因是为了防止机器人自动提交表单，需要用户在表单提交前点击Google的新reCAPTCHA。解决方法是使用JavaScript编写表单提交事件监听器，通过判断是否点击了reCAPTCHA来决定是否阻止表单提交。

以下是一个使用纯JavaScript实现的示例代码，结合了Ankesh和Lammert的解决方案的部分内容：

var form = document.getElementById('ctct-custom-form');
form.addEventListener("submit", function(event){
    if (grecaptcha.getResponse() === '') {                            
      event.preventDefault();
      alert('Please check the recaptcha');
    }
  }
, false);

代码中通过获取表单元素的ID，然后添加一个submit事件监听器。在监听器中，通过调用`grecaptcha.getResponse()`方法来获取reCAPTCHA的响应。如果响应为空字符串，说明用户没有点击reCAPTCHA，那么阻止表单提交并弹出警告提示用户请勾选reCAPTCHA。

这段代码的来源是stackoverflow上的一个帖子，具体链接为：[How can I listen to the form submit event in javascript?](https://stackoverflow.com/questions/7410063)

通过使用这段代码，开发者可以在表单提交前要求用户点击Google的新reCAPTCHA，从而有效地防止机器人自动提交表单。

0
0 Comments

问题原因：在表单提交之前，需要用户点击Google的新reCAPTCHA来进行验证。

解决方法：可以通过以下代码来实现：

$('form').submit(function(event) {
    if ( $('#g-recaptcha-response').val() === '' ) {
        event.preventDefault();
        alert('Please check the recaptcha');
    }
});

希望这对你有所帮助。谢谢，这节省了我很多工作！顺便提一下，代码中括号的书写有误，开头应为

$("form").submit(function(event){

，结尾应为

});

。

0