Question

我需要通过带有Google Recaptcha的HTML表单发送带有PHP的邮件;一旦邮件被发送，表单就会出现一条消息（这是用jQuery完成的）。

如果我删除所有与Recaptcha相关的代码，邮件将被发送并且jQuery正常工作。这是index.php中的代码：

 <script>

            $(document).ready(function() {
                $("#mail").click(function() {
                    $.post("form.php",
                        {
                            message: document.myForm.message.value,
                            from: document.myForm.from.value,
                            email: document.myForm.email.value,
                        },
                        function(data,status) {
                            $("#form").hide(1000);
                            $("button").hide(1000);
                            $(".tp_contact_left").html(data);
                        }
                    );
                });
            });

        </script>

        <!-- Formulario -->
        <span class="tp_contact_left">

            <form name="myForm" id="form" method="post" action="" />

                <fieldset>
                    <input type="text" name="from" placeholder="Tu nombre" required><br>
                    <input type="text" name="email" placeholder="Tu e-mail" required><br>
                    <textarea name="message" rows="15" cols="40" required draggable="false" placeholder="Escribe aquí tu mensaje"></textarea><br>
                    <input type="reset" value="Delete">
                </fieldset>

            </form>

            <button id="mail">Send</button>

        </span>

在form.php中：

 $to = 'yourmail@domain.com';
 $subject = 'Contact';

 $message = 'Text content<br /><br />'
. 'Nombre: '
. $_POST["from"]
. '<br />Email: '
. $_POST["email"]
. '<br />Mensaje: '
. $_POST["message"];

 $headers = 'From: mail@domain.com' . "\r\n";
 $headers .= 'MIME-Version: 1.0' . "\r\n";
 $headers .= 'Content-type: text/html; charset=iso-8859-1';

 if (!mail ($to, $subject, $message, $headers)) {
    echo 'Error.';
}
else {
    echo 'Thanks. Message sent.';
}

但是当我添加ReCaptcha代码时，我不知道在使用jQuery post方法时将g-recaptcha-response变量放在何处。使用grecaptcha.getResponse()我得到了json响应，但是我无法将发布请求发送到form.php。此外，$response = grecaptcha.getResponse();之前没有任何内容被执行：

 <script>

            $(document).ready(function() {
                $("#mail").click(function() {
                    // New line
                    $response = grecaptcha.getResponse();
                    alert($response);
                    $.post("form.php",
                        {
                            message: document.myForm.message.value,
                            from: document.myForm.from.value,
                            email: document.myForm.email.value,
                            // Modified line
                            grecaptcharesponse: $response
                        },
                        function(data,status) {
                            $("#form").hide(1000);
                            $("button").hide(1000);
                            $(".tp_contacto_left").html(data);
                        }
                    );
                });
            });

        </script>

 <span class="tp_contact_left">

            <form name="myForm" id="form" method="post" action="" />

                <fieldset>
                    <input type="text" name="from" placeholder="Tu nombre" required><br>
                    <input type="text" name="email" placeholder="Tu e-mail" required><br>
                    <textarea name="message" rows="15" cols="40" required draggable="false" placeholder="Escribe aquí tu mensaje"></textarea><br>
                    <div class="g-recaptcha" data-sitekey="sitekey"></div>
                    <input type="reset" value="Borrar">
                    <input id="mail" name="enviar_mail" type="submit" value="Enviar">
                </fieldset>

            </form>

        </span>

form.php中的代码是：

 <?php

if (isset ($_POST['grecaptcharesponse'])) {
    $captcha = $_POST['grecaptcharesponse'];
}

if (!$captcha) {
    echo 'Por favor, haz click en el checkbox';
    exit;
}

$to = 'mail@mail.com';
$subject = 'Formulario de contacto';

$message = 'Nuevo mensaje recibido desde el formulario de la web<br /><br />'
    . 'Nombre: '
    . $_POST["from"]
    . '<br />Email: '
    . $_POST["email"]
    . '<br />Mensaje: '
    . $_POST["message"];

$headers = 'From: Formulario web <mail@mail.com' . "\r\n";
$headers .= 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1';

$response = file_get_contents ("https://www.google.com/recaptcha/api/siteverify?secret=SECRETKEY&response="
    . $captcha . "&remoteip="
    . $_SERVER['REMOTE_ADDR']);

$result = json_decode ($response);

if (!$result->success) {
    echo 'Spam';
    exit;
}

if (!mail ($to, $subject, $message, $headers)) {
    echo 'Error en el envío.';
}
else {
    echo 'Gracias por contactar con nosotros.';
}

?>

有没有办法将g-recaptcha-response数据发送到jQuery post方法？

Answer 1

grecaptcha.getResponse（）会为您提供用户的回复。

此外，$ response.success会出错，因为：

这不是正确的语法。这是PHP，所以正确的语法是： $ response - ＆gt;成功。
服务器的响应是json字符串，而不是对象。

您需要将json字符串解码为对象; json_decode（$响应）;应该做的伎俩。现在你可以使用$ response - ＆gt;成功验证验证码。

使用jQuery / AJAX和Google ReCaptcha的PHP邮件功能

1 个答案: