3

Olá, Galera!

Faz 4 dias que programo usando jQuery :)
Fiz um formulário utilizando ajax e PHP, funcionou perfeitamente!
Mas...
surgiu a necessidade de implementar o reCAPTCHA. Não sei por onde começar, preciso de ajuda.

formulario.html

<div id="alerta" class="alert alert-dismissible" role="alert" style="display: none;">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <div><strong>Atenção!</strong> Existem campos obrigatórios.</div>
</div>

<form id="form" class="form-inline contact_box">
   <input type="text" class="form-control input_box" name="Nome">
   <input type="text" class="form-control input_box" name="Telefone">
   <input type="text" class="form-control input_box" name="Email">
   <input type="text" class="form-control input_box" name="Assunto">
   <textarea class="form-control input_box" name="Mensagem"></textarea>
   <div class="g-recaptcha" data-sitekey="6Ldf5kAUAAAAAFMK5xRr6aE06eiyx0nTRPqAYLHM"></div>
   <br>
   <button id="btnForm" type="submit" class="btn btn-default">Enviar</button>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
   $("#form").on("submit",function(){
      event.preventDefault();

      var dados = $(this).serialize();
      $.ajax({
        method: "POST",
        url: "https://meusite.com.br/enviaemail/",
        data: dados,
        beforeSend: function(){
         $('#btnForm').html('<i class="fa fa-spinner fa-pulse fa-fw"></i> Enviando...').attr("disabled", "disabled");
      },
      success: function(e){
        var retorno = JSON.parse(e);
        var tipo = retorno.tipo;
        var frase = retorno.frase;

        $('#alerta').addClass(tipo).find('div').html(frase);
        $('#alerta').show(500);

        $('#btnForm').html('<i class="fa fa-check" aria-hidden="true"></i> Enviado!').attr("disabled", false);
      }
    });
  });
</script>

enviaemail.php

<?php
  $nomeForm = $_POST['Nome'];
  $telsForm = $_POST['Telefone'];
  $emaiForm = $_POST['Email'];
  $assuForm = $_POST['Assunto'];
  $mensForm = $_POST['Mensagem'];

  if ($nomeForm != "" && $emaiForm != "" && $assuForm != "" && $mensForm != "") {
    if (filter_var($emaiForm, FILTER_VALIDATE_EMAIL)) {
      //função para enviar email...
      $Resp = array('tipo' => 'alert-success', 'frase' => 'Sua mensagem foi enviada com sucesso. Logo entraremos em contato.');
    } else {
      $Resp = array('tipo' => 'alert-warning', 'frase' => '<strong>Atenção!</strong> Por favor, insira um email válido.');
    }
  } else {
    $Resp = array('tipo' => 'alert-warning', 'frase' => '<strong>Atenção!</strong> Todos os campos são obrigatórios. Por favor, tente novamente.');
  }

  echo json_encode($Resp);
?>

A pergunta é: como fazer isso enviar a confirmação do reCaptcha para o PHP?

1 Resposta 1

7

Para capturar o valor do reCaptcha, utilize o método getResponse. Ele vai te dá um código que deverá ser utilizado para validação.

No JavaScript:

var dados = $(this).serialize();
post += "&recaptcha=" + grecaptcha.getResponse()
$.ajax({
    method: "POST",
    url: "https://meusite.com.br/enviaemail/",
    data: dados
});

No PHP (Utilizando file_get_contents):

<?php

$content = [
    "secret" => "YOUR-SECRET",
    "response" => $_POST["recaptcha"] ?? "",
    "remoteip" => $_SERVER["REMOTE_ADDR"] ?? null,
];

$opts = [
    "http" => [
        "method" => "POST",
        "content" => http_build_query($content),
        "header" => "Content-Type: application/x-www-form-urlencoded",
    ]
];

$context = stream_context_create($opts);

$validation = file_get_contents("https://www.google.com/recaptcha/api/siteverify", FILE_BINARY, $context);

$response = json_decode($validation);

if ($response->success) {
    echo "Captcha válido";
} else {
    echo "Captcha inválido";
}

No PHP (Utilizando curl):

<?php

$content = [
    "secret" => "YOUR-SECRET",
    "response" => $_POST["recaptcha"] ?? "",
    "remoteip" => $_SERVER["REMOTE_ADDR"] ?? null,
];

$curl = curl_init("https://www.google.com/recaptcha/api/siteverify");
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_POST, true);
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($curl, CURLOPT_POSTFIELDS, $content);
$validation = curl_exec($curl);
curl_close($curl);

$response = json_decode($validation);

if ($response->success) {
    echo "Captcha válido";
} else {
    echo "Captcha inválido";
}
4
  • Perfeito! Muito obrigado pela aula. 16/01/2018 às 17:45
  • Teria como implementar isso em um envio via GET?
    – Clebson
    20/05/2019 às 23:09
  • @Wendler De acordo com a documentação, apenas POST 21/05/2019 às 0:29
  • Entendi, cheguei a postar uma pergunta para tentar algo semelhante a isso, se tiver uma ideia agradeço: pt.stackoverflow.com/q/385381/56902
    – Clebson
    21/05/2019 às 0:33

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .