PHP 邮件函数与 jQuery / AJAX 和 Google ReCaptcha


PHP mail function with jQuery / AJAX and Google ReCaptcha

我需要用PHP发送邮件,通过带有Google Recaptcha的HTML表单;一旦邮件被发送,一条消息就会出现在表单所在的位置(这是用jQuery完成的)。

如果我删除所有与 Recaptcha 相关的代码,邮件就会发送并且 jQuery 工作正常。这是索引中的代码.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>

在形式上.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>

表单中的代码.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方法?

grecaptcha.getResponse() 会给你用户的响应。

此外,$response.success 会产生错误,因为:

  1. 这不是正确的语法。这是PHP,所以正确的语法是:$response ->成功。
  2. 服务器的响应是 json 字符串,而不是对象。

你需要将json字符串解码成一个对象;json_decode($response);应该可以解决问题。现在您可以使用 $response -> 成功来验证验证码。