1

我正在使用jQuery-Form-Validator。现在我想将 reCaptcha v2 集成到我的表单中。reCaptcha 和验证者之间的结合有些不清楚，在验证者的官方网站上几乎没有解释。我不是在寻找将 reCaptcha 合并到表单中的通用解决方案，因为我知道该怎么做。但我想知道如何使用上述验证器来做到这一点。谷歌希望你粘贴

<div class="g-recaptcha" data-sitekey="your_site_key"></div>

验证器只是建议粘贴

<input data-validation="recaptcha" data-validation-recaptcha-sitekey="[RECAPTCHA_SITEKEY]">

但是现在呢？没有解释如何将 reCaptcha 实现到验证器中。我有以下代码：

<html>
  <head>
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src='https://www.google.com/recaptcha/api.js'></script>
  </head>
  <body>
    <form role="form" method="post" action="php/formHandler.php">
        <div class="form-group">                                    
            <input id="name" name="name" data-validation="length" data-validation-length="2-40" data-sanitize="trim escape" type="text" class="form-control input-lg" placeholder="name">
        </div>
        <div class="form-group">                                    
            <input data-validation="email" data-sanitize="trim escape" type="email" class="form-control input-lg" id="email" name="email" placeholder="email">
        </div>
        <div class="form-group">                                    
            <textarea data-validation="length" data-validation-length="min1" data-sanitize="trim escape" class="form-control input-lg" id="message" name="message"  placeholder="message" rows="5"></textarea>
        </div>
        <div class="g-recaptcha form-group" data-sitekey="my_sitekey">
        </div>
        <button type="submit" class="btn btn-lg btn-default">
            send
        </button>                               
    </form>         
   <script src="lib/jquery-1.12.3.min.js"></script> 
   <script src="lib/bootstrap.js"></script>                                             
   <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>   
  </body>
</html>

我在这里看到了一个类似的问题，但它没有回答我的问题。我想了解如何使用

<input data-validation="recaptcha" data-validation-recaptcha-sitekey="[RECAPTCHA_SITEKEY]">

使 reCaptcha 与表单一起工作。如果有人使用该验证器并成功实施了 reCaptcha v2，我将很高兴听到它...

4

0 回答 0