帮助在自定义表单中验证Google reCAPTCHA

我正在尝试向我的自定义字段添加recaptcha。我在页面模板中创建了一个自定义表单，我认为这部分代码是相关的（不要担心API密钥是MerchantOne的公共演示API，所以它不是个人的）：

// API Setup parameters
$gatewayURL = \'https://secure.merchantonegateway.com/api/v2/three-step\';
$APIKey = \'2F822Rw39fx762MaV7Yy86jXGTC7sCDy\';


// If there is no POST data or a token-id, print the initial shopping cart form to get ready for Step One.
if (empty($_POST[\'DO_STEP_1\']) && empty($_GET[\'token-id\'])) {

    print \'  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\';
    print \'
    <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Hansen Hunter Collect non-sensitive Customer Info</title>
      </head>
      <body>
      <p>We are pleased to offer the option for you to securely pay your Hansen Hunter & Co. invoice online.</p>
      <h2 class="pad">Invoice Details</h2>


        <form action="" method="post">
          <table>
          <tr><td><input type="text" name="shipping-address-first-name" placeholder="First Name" required></td></tr>
          <tr><td><input type="text" name="shipping-address-last-name" placeholder="Last Name" required></td></tr>
          <tr><td><input type="text" name="shipping-address-company" placeholder="Company" required></td></tr>
          <tr><td><input type="text" name="billing-address-phone" placeholder="Phone Number" required></td></tr>
          <tr><td><input type="text" name="billing-address-email" placeholder="Email Address" required></td></tr>
          <tr><td><input type="text" name="billing-invoice" placeholder="Invoice or Customer Number"></td></tr>
          <tr><td><input type="text" name="billing-amount" placeholder="Total Amount" required></td></tr>

          <tr><td><h4><br />Payment Information</h4></td></tr>

          <tr><td><input type="text" name="billing-address-first-name" placeholder="Cardholder First Name" required></td></tr>
          <tr><td><input type="text" name="billing-address-last-name" placeholder="Cardholder Last Name" required></td></tr>
          <tr><td><input type="text" name="billing-address-address1" placeholder="Address" required></td></tr>
          <tr><td><input type="text" name="billing-address-address2" placeholder="Address 2"></td></tr>
          <tr><td><input type="text" name="billing-address-city" placeholder="City" required></td></tr>
          <tr><td><input type="text" name="billing-address-state" placeholder="State" required></td></tr>
          <tr><td><input type="text" name="billing-address-zip" placeholder="Zip/Postal Code" required></td></tr>
          <tr><td><input type="text" name="billing-address-country" placeholder="Country" value="US" required></td></tr>
       <tr><td><div class="g-recaptcha" data-sitekey="6Lc2MiUTAAAAAGJeGAlku50gFi7hFKvIitP_-3e0"></div></td></tr>
          <tr><td><input type="submit" class="btn pad" value="Continue"><input type="hidden" name ="DO_STEP_1" value="true"></td></tr>
          </table>
        </form>

    \';
}else if (!empty($_POST[\'DO_STEP_1\'])) {

    // Initiate Step One: Now that we\'ve collected the non-sensitive payment information, we can combine other order information and build the XML format.

我已将此代码添加到我的函数中。php添加google api：

add_action(\'wp_head\',\'hook_recaptca\');

function hook_recaptca() {

    $output="<script src=\'https://www.google.com/recaptcha/api.js\'></script>";

    echo $output;
}

这样就可以显示我的recaptcha。问题是它还没有得到验证。

我知道我还需要添加以下两段代码：

/**
 * Send a GET request to verify CAPTCHA challenge
 *
 * @return bool
 */
function captcha_verification() {

    $response = isset( $_POST[\'g-recaptcha-response\'] ) ? esc_attr( $_POST[\'g-recaptcha-response\'] ) : \'\';

    $remote_ip = $_SERVER["REMOTE_ADDR"];

    // make a GET request to the Google reCAPTCHA Server
    $request = wp_remote_get(
        \'https://www.google.com/recaptcha/api/siteverify?secret=your_secret&response=\' . $response . \'&remoteip=\' . $remote_ip
    );

    // get the request response body
    $response_body = wp_remote_retrieve_body( $request );

    $result = json_decode( $response_body, true );

    return $result[\'success\'];
}

以及

/**
 * Verify the CAPTCHA answer
 *
 * @param $user string login username
 * @param $password string login password
 *
 * @return WP_Error|WP_user
 */
function validate_captcha( $user, $password ) {

    if ( isset( $_POST[\'g-recaptcha-response\'] ) && !captcha_verification() ) {
        return new WP_Error( \'empty_captcha\', \'<strong>ERROR</strong>: Please retry CAPTCHA\' );
    }

    return $user;
}

但我不知道如何连接它们（使用什么钩子？）在我的表单中，如果用户未填写复选框，则会停止该用户。我看到了关于添加到登录表单、注册表单或注释的教程和问题，但似乎不知道如何添加到自定义表单。

如果有帮助，merchant one为其集成提供的整个php如下：

http://pastebin.com/mR5jf5B3

小码农CODE

相关推荐

集成reCAPTCHA和wp_SignOn-需要什么？