Ir ao conteúdo
  • Cadastre-se
fabiano aladin

Enviando formulário na div flutuante com captcha

Recommended Posts

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 ?

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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!:thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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 = 'emaildosite@email.com.br';
$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";
    }
   }

?>

segui esse tutorial :https://wiki.dialhost.com.br/como-criar-recaptcha-google-formularios/

O site q você colocou ae fui fazendo o passo a passo , e não apareceram as letras do captcha , mas só rodei ele no computador  , não testei no site .

Compartilhar este post


Link para o post
Compartilhar em outros sites

@fabiano aladin O que você fez para resolver? Assim você já ajuda os demais que estiverem com a mesma dúvida!

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×