将 Recaptcha 与 Jquery 验证结合使用

Question

我正在使用 Jquery 验证构建联系表。 在我的表单底部有一个 google reCAPTCHA 小部件。

我似乎无法找到如何在 Jquery 验证中添加验证码。

这是我的代码：

submitHandler: function(form) {
        $(form).ajaxSubmit({
            type:"POST",
            data: $(form).serialize(),
            url:"../php/process.php",
            success: function() {
                //$('#success').fadeIn();
               $('#contact :input').attr('disabled', 'disabled');
               $('#contact').fadeTo( "slow", 0, function() {
                    $(this).find(':input').attr('disabled', 'disabled');
                    $(this).find('label').css('cursor','default');
                    $('#success').fadeIn();
                });
            },

这是我的 php:

//recaptcha
$recaptcha_secret = "6LffhgcTAAAAAMETO_XZOZn4dztphW3GM9DbSsd0";
    $response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$recaptcha_secret."&response=".$_POST['g-recaptcha-response']);
    $response = json_decode($response, true);

if($response) {
$send = mail($to, $subject, $message, $headers);
}
else
{
    return false;
}

我是这方面的初学者，我不知道如何才能完成这项工作。

欢迎任何帮助。

谢谢

Answer 1

查看此分步指南，这将帮助您正确设置 -

http://www.sitepoint.com/setup-user-friendly-captcha-jqueryphp/

主要概念是在继续 POST 操作之前通过服务器上的 AJAX 验证您的表单和 google 验证码。