如何使用谷歌ReCaptcha、V2不可见和多个表单执行HTML表单验证？

谷歌ReCaptcha是一种用于验证用户是否为机器人的工具。它通过向用户展示一个验证码，要求用户进行验证，以确保其是真实的用户。V2不可见是ReCaptcha的一种版本，它在用户界面上不显示验证码，而是通过JavaScript API进行验证。

要在多个表单中执行HTML表单验证并使用谷歌ReCaptcha V2不可见，可以按照以下步骤进行操作：

注册谷歌ReCaptcha API密钥：首先，您需要在谷歌ReCaptcha网站上注册并获取API密钥。您可以访问谷歌ReCaptcha官方网站（https://www.google.com/recaptcha）并按照指示进行注册。
在HTML页面中引入ReCaptcha脚本：在您的HTML页面中，使用以下代码引入ReCaptcha脚本。确保将YOUR_SITE_KEY替换为您在第一步中获得的API密钥。

<script src="https://www.google.com/recaptcha/api.js?render=YOUR_SITE_KEY"></script>

添加表单和验证逻辑：在您的HTML页面中，添加一个或多个表单，并为每个表单添加相应的验证逻辑。您可以使用JavaScript来处理表单验证，并在提交表单之前进行ReCaptcha验证。

<form id="form1" onsubmit="return validateForm(event)">
  <!-- 表单字段 -->
  <input type="text" name="name" required>
  <!-- 其他表单字段 -->

  <!-- ReCaptcha占位符 -->
  <div id="recaptcha1"></div>

  <!-- 提交按钮 -->
  <button type="submit">提交</button>
</form>

<script>
  function validateForm(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 执行ReCaptcha验证
    grecaptcha.execute('YOUR_SITE_KEY', { action: 'submit' })
      .then(function (token) {
        // 验证成功，可以提交表单
        document.getElementById('form1').submit();
      });
  }
</script>

在上面的代码中，我们为表单添加了一个id属性，并在JavaScript中使用validateForm函数来处理表单验证。在该函数中，我们使用grecaptcha.execute方法来执行ReCaptcha验证，并在验证成功后提交表单。