Enviando formulário na div flutuante com captcha

fabiano aladin · 26 de agosto de 2016

Tenho um formulário de contato , quero que ao clicar em enviar , apareça uma div flutuante com captcha .

Estou fazendo a função de chamar a div flutuante com javascript , será que consigo fazer o captcha funcionar nessa div, ou seja , enviar o formulário de boa?

Estou querendo usar o recaptcha da google.

O formulário é enviado por php , e funciona , já testei separado a parte da div , falta só colocar a função no botão , mas minha maior dúvida, é se funcionará o envio da mensagem para o meu email, através dessa captcha nessa div ?

DiF · 26 de agosto de 2016

@fabiano aladin Funcionar funciona... primeiro porque não tenta testar de forma simples?

http://www.botecodigital.info/php/criando-um-captcha-em-php/

Depois de ver que tudo funciona use o recaptcha do google que exige que você já tenha um domínio(endereço)

Para usar o recapcha do google primeiro importe o JS deles:

<script src='https://www.google.com/recaptcha/api.js'></script>

Depois insira o atributo contendo sua KEY gerada somente para seu site no seu elemento div

<div class="g-recaptcha" data-sitekey="key aqui"></div>

Note que é importante que use a class: g-recaptcha e o atributo data-sitekey que você pode adquirir gratuitamente seguindo os passos.

De qualquer forma tens que tentar antes!

fabiano aladin · 4 de setembro de 2016

@dif

Errei alguma coisa no meu código php , fiz a div e coloquei o captcha funcionou de boa , mas não consegui enviar os dados depois para o email e nem eles apagavam depois de apertar enviar do formulário, ficava os dados lá!

Consegui fazer a div e colocar lá o captcha da google , ao apertar o botão do formulário aparece a div flutuante , mas para enviar os dados é outra conversa.

Apresentou erro na linha 18 e 19 , olhei também a 17 e não achei o erro !

<?php
/*para validar a captcha*/
//Chave do site

$secret_key = 'minha chave';

//pegando a validação do captcha feita pelo usuário
$recaptcha_response = $_POST['g-recaptcha-response'];

//verifica se foi  feita a postagem  do captcha
if(isset($recaptcha_response)){
	
//valida se a ação do usuário foi correta junto ao google
	$answer =
		json_decode(
			file_get_contents(
				'https://www.google.com/recaptcha/api/siteverify?secret='.$secret_key
				'&response='.$_POST['g-recaptcha-response']
			)
		);
		
// se a ação do usuário  foi correta é executado o formulário

if($answer->sucess){			

/*enviando a mensagem para email*/

//criando váriaveis dos campos
$data = date("d/m/Y - H:i");
$nome = $_POST['nome'];
$email = $_POST['email'];
$telefone = $_POST['fone'];
$assuntof = $_POST['assunto'];
$mensagem = $_POST['mensagem'];

//definindo informações
$para = '[email protected]';
$assunto = 'Contato do site';

$corpoDoEmail  = "
<b>Nome : </b>     $nome  <br />
<b>Email : </b>    $email <br />
<b>Telefone : </b> $telefone  <br />
<b>Assunto : </b>  $assuntof  <br />
<b>Data : </b>     $data <br /><br />
<b>Mensagem : </b> $mensagem  

";

$cabecalho = 'MIME-Version: 1.0' . "\r\n".
	         'Content-type: text/html; charset=utf-8' . "\r\n".
             'From: email principal' . "\r\n".
			 'Bcc: email2' . "\r\n".
             'Reply-To: $email';

                   

$status = mail($para,$assunto,$corpoDoEmail,$cabecalho);

if($status){
    echo "<script> alert('Mensagem enviada com sucesso!');</script>";
	unset ($_POST['nome']); 
    unset ($_POST['email']); 
    unset ($_POST['fone']); 
    unset ($_POST['assunto']); 
    unset ($_POST['mensagem']);  
}

else{
    echo "<script> alert('Erro ao enviar mensagem!!!'); </script>";
}

echo "<script> window.location.href = 'index.html'; </script>";

//caso o captcha estaja errado 
else {
	echo "Faça a verificação do captcha";
    }
   }

?>