php - 如何使用 jQuery 验证插件和 PHP 创建 google reCAPTCHA v2.0 验证

Question

我想使用 jQuery 验证插件以及带有 Session 的 php 为 recaptcha 归档创建验证。

jQuery

我正在使用( https://jqueryvalidation.org/ )这个 jquery 插件进行表单验证，并且我这样做了。但我想为使用此插件提交的 recaptcha 创建验证，但我无法创建它。 Here is a validation对于使用这些插件的 google recaptcha v1.0。请帮助我使用此 pulgin 创建 google recaptcha v2.0(已提交)验证。

PHP

我还想使用 $_SESSION 创建验证，我尝试在我的 (signup-process.php) 页面中创建它，并在 recaptcha 字段下的表单页面中打印 session 消息。它不起作用:(

====== 请帮助我为使用这两种方式提交的验证码创建验证。

HTML

<form action="signup-process.php" method="post" id="signupForm">
  <input class="form-control" type="text" name="name" id="name">
   <div class="g-recaptcha" data-sitekey="my-key"></div>

 <!--Session validation message-->
  /*<?php if(isset($_SESSION["ReC"]) && !empty($_SESSION["ReC"])){
      echo $_SESSION["ReC"];
       unset($_SESSION["ReC"]); }?> */

     <input class="btn btn-block" type="submit" value="Sign Up" name="submitted">
  </form>

JS

$("#signupForm").validate({
        rules: {
            name: "required",
        },
        messages: {
            name: "Please enter your name",
        }
    });

signup-process.php

if(isset($_POST['g-recaptcha-response'])&& !empty($_POST['g-recaptcha-response'])){

    $secret = "my-key";
    $ip = $_SERVER['REMOTE_ADDR'];
    $captcha = $_POST['g-recaptcha-response'];
    $rsp  = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=$secret&response=$captcha&remoteip$ip");

    $arr = json_decode($rsp,TRUE);
    if($arr['success'] == "true"){
        echo 'Done';
    }else{
        echo 'SPam';
} else {
    $_SESSION["ReC"]="Please select captcha";
        header("location:signup.php");
}

Answer 1

@NK 如果您将 php 验证消息应用到表单标记的顶部。它会起作用的。

像这样

 <!--Session validation message-->
 <?php if(isset($_SESSION["ReC"]) && !empty($_SESSION["ReC"])){
    echo $_SESSION["ReC"];
    unset($_SESSION["ReC"]); }
?>

<form action="signup-process.php" method="post" id="signupForm">
  <input class="form-control" type="text" name="name" id="name">
  <div class="g-recaptcha" data-sitekey="my-key"></div>
  <input class="btn btn-block" type="submit" value="Sign Up" name="submitted">
</form>