Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda com PHP + HTML para envio de formalário


Alê Bernardini

Pergunta

Olá à todos,

boa noite.

Eu "já estou conseguindo" enviar o formulário para o email configurado, com todos os dados do host e smtp corretos. Recebo a mensagem corretamente.

No entanto, creio que o arquivo PHP (contact.php) não está se comunicando com o HTML (contact.html). Ao receber o email, não chegam os dados preenchidos no formulário (nome, email e mensagem) no corpo da mensagem do email recebido. Chegam apenas os dados do "table" e nada do formulário original da página.



HTML :

 

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>XXXXXXX</title>

 

    <!--all css files-->

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<link rel="stylesheet" href="assets/css/slick.min.css">

<link rel="stylesheet" href="assets/css/animate.css">

<link rel="stylesheet" href="assets/css/magnific.pupup.css">

<link rel="stylesheet" href="assets/css/sweet.alert.css">

<link rel="stylesheet" href="assets/css/slicknav.css">

<link rel="stylesheet" href="assets/css/owl.carousel.css">

<link rel="stylesheet" href="assets/css/jquery.mb.YTPlayer.min.css">

<link rel="stylesheet" href="assets/css/main.css"> <!-- main stylesheet -->

<link rel="stylesheet" href="style.css">

<!--jquery-->

<script src="assets/js/jquery.min.js"></script>

 

</head>

 

<body>

 

    <!-- start .preloader -->

    <div class="preloader">

        <div class="inner text-center">

            <span class="preloader-spin"></span>

        </div>

    </div>

    <!-- end .preloader -->

 

    <div class="site_wrap"><header class="dh--header--1 dh--white dh--bg2">

    <div class="dh--header--top">

        <div class="container">

            <div class="row">

                <div class="col-md-2 col-lg-2 dh--logo--col">

                    <div class="dh--logo--wrap">

                        <a href="index.html" class="dh--logo">XXXXXXXXX</a>

                    </div>

                </div>

                <div class="col-md-7 col-lg-8 dh--menu--col">

                                    <nav class="dh--navigation--menu">

                        <ul>

                            <li class="current-menu-item"><a href="index.html">XXXXXXXXX</a>

                            </li>

                            <li><a href="#">XXXXXXXX</a>

                                <ul class="sub-menu">

                                    <li><a href="portfolio-video.html">XXXXXXX</a>

                                    </li>

                                    <li><a href="portfolio-tile-inside.html">XXXXXXX</a>

                                    </li>

                                </ul>

                            </li>

                            <li><a href="contact.html">XXXXXXXXX</a>

                            </li>

                        </ul>

                      </nav>                </div>

                <div class="col-md-3 col-lg-2 dh--btn--col clearfix">

                    <div class="dh--header--btn--wrap">

                        <a href="http://www.teste.com.br” target="_blank" class="dh--btn btn--sm">English</a>

                    </div>

                </div>

            </div>

        </div>

    </div>

</header><div class="dh--breadcrumb--area stellar flex_center" data-stellar-background-ratio="0.4" style="background-image: url(assets/img/hero-bg-5.1-2.jpg)">

    <div class="container relative">

        <div class="dh--breadcrumb--inner">

            <div class="row">

                <div class="col-md-8 text-center col-md-offset-2">

                    <h2>XXXXXXXXXXX</h2>

                </div>

            </div>

        </div>

    </div>

</div><div class="dh--contact--area sp">

    <div class="container">

        <div class="row">

            <div class="col-md-6 col-md-offset-3">

                <div class="dh--sec--title--1 text-center">

                    <p>XXXXXXXXXX <br> XXXXXXXXXXXXX</p>

                </div>

            </div>

        </div>

        <div class="row">

            <div class="col-md-8 col-md-offset-2">

                <form method="post" action="contact.php">

                    <div class="dh--contact--form">

                       <div class="clearfix">

                             <div class="single--inp">

                                <input type="text" placeholder="Nome" required="">

                            </div>

                            <div class="single--inp">

                                <input type="email" placeholder="E-mail" required="">

                            </div>

                       </div>

                        <div class="single--inp">

                            <textarea placeholder="Mensagem"></textarea>

                        </div>

                        <div class="single--inp">

                            <input class="dh--btn btn--primary" type="submit" value="Enviar">

                        </div>

                    </div>

            </div>

        </div>

               </div>

           </div>

            </div>

        </div>

    </div>

</div><footer class="dh--footer--1 brd-top bg-grey">

    <div class="container">

        <div class="row">

            <div class="col-md-8 col-md-offset-2">

                <div class="dh--footer--content--1 text-center">

                    <div class="dh--logo--wrap">

                        <a href="#" class="dh--logo">XXXXXXXXX</a>

                    </div>

                    <div class="dh--social--1">

                        <a href="https://www.facebook.com" class="fa fa-facebook"></a>

                        <a href="https://twitter.com" class="fa fa-twitter"></a>

                        <a href="https://www.instagram.com" class="fa fa-instagram"></a>

                    </div>

                    <p>Copyright © 2018 by XXXXXXXXXX | All Rights Reserved</p>

                </div>

            </div>

        </div>

    </div>

</footer>

</div> <!-- end .site_wrap -->

<!--all JavaScript Files-->

<script src="assets/js/vendor/bootstrap.min.js"></script>

<script src="assets/js/vendor/slick.min.js"></script>

<script src="assets/js/vendor/magnific.popup.min.js"></script>

<script src="assets/js/vendor/masonry.pkgd.min.js"></script>

<script src="assets/js/vendor/ajaxchimp.min.js"></script>

<script src="assets/js/vendor/sweet.alert.min.js"></script>

<script src="assets/js/vendor/slicknav.min.js"></script>

<script src="assets/js/vendor/owl.carousel.min.js"></script>

<script src="assets/js/vendor/isotope.pkgd.min.js"></script>

<script src="assets/js/vendor/stellar.min.js"></script>

<script src="assets/js/vendor/typed.min.js"></script>

<script src="assets/js/vendor/jquery.mb.YTPlayer.min.js"></script>

<script src="assets/js/active.js"></script>

 

 

</body>

 

</html>

 

 

PHP :

 

<?php require_once("phpmailer/class.phpmailer.php");

$nome     = $_POST["name"];

$email    = $_POST["email"];

$mensagem = $_POST["message"];

 

 

$mail = new PHPMailer();

$mail->IsSMTP(); // send via SMTP

$mail->Host = "mail.XXXXXX.com.br"; //seu servidor SMTP

$mail->SMTPAuth = true; // 'true' para autenticação

$mail->Username = "envio@XXXXXX.com.br"; // usuário de SMTP

$mail->Port = 587;

$mail->Password = “XXXXXX”; // senha de SMTP

$mail->From = "envio@XXXXXX.com.br";

$mail->FromName = utf8_decode("Formulário do Site");

$mail->AddAddress("atendimento@XXXXX.com.br”,”XXXXXXX”);

$mail->AddReplyTo("$email","$nome");

$mail->IsHTML(true); // envio como HTML se 'true'

$mail->Subject = "Contato do Internauta";

$mail->Body = utf8_decode("<table width='500' border='0' style='font-family:Verdana, Geneva, sans-serif; font-size:10px; color: #000;' cellpadding='2'>

  <tr>

    <td>

    <table width='911' border='0' cellspacing='2'>

       <tr>

         <td height='40' colspan='3' align='left' valign='middle' bgcolor='#FFFFFF' style='color:#000; font-size: 15px;'>CONTATO PELO SITE</td>

     </tr>

       <tr>

            <td width='105' height='30' align='left' valign='middle' bgcolor='#00aeef' style='color:#FFF'>&nbsp; Nome:</td>

            <td width='2'></td>

                <td width='379' height='25'>$nome</td>

            </tr>

       <tr>

         <td height='30' align='left' valign='middle' bgcolor='#00aeef' style='color:#FFF'>&nbsp; E-mail:</td>

         <td></td>

         <td height='25'>$email</td>

     </tr>

       <tr>

         <td height='30' align='left' valign='middle' bgcolor='#00aeef' style='color:#FFF'>&nbsp; Mensagem:</td>

         <td></td>

         <td height='25'>$mensagem</td>

     </tr>

        </table>

    </td>

  </tr>

</table>

");

$mail->AltBody = "Para mensagens somente texto";

 

if($mail->Send())

{

echo "Mensagem enviada com sucesso.";

} else

{

echo "Erro ao enviar. Tente mais tarde";

//echo "Mailer Error: " . $mail->ErrorInfo;

}

?>



Por favor, se alguém puder ajudar, eu agradeço o help!

Abs e obrigado.


 

Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 0
1 hora atrás, Leonardo Persan disse:

Em cada input que você colocou está faltando o parâmetro name:


<input type="text" name="name" ...>

E assim por diante, sem isso o PHP não sabe que "nome" dar a cada variável dentro da variável $_POST.


$nome = $_POST['name'];

 

Vou tentar aqui Leonardo! Muito obrigado. 

Link para o comentário
Compartilhar em outros sites

  • 0
2 horas atrás, Leonardo Persan disse:

Não há de que

Olá Leonardo,

 

Infelizmente não deu certo. Esse JPG anexo mostra a mensagem recebida no email "sem" os campos preenchidos conforme foram feitos no formulário.

 

Esse PHP que eu estou utilizando era utilizado em outro site, por isso não sei se esse é o motivo dele não estar se comunicando corretamente com o HTML.

 

😟 

Screen Shot 2018-10-10 at 12.48.33.jpg

Link para o comentário
Compartilhar em outros sites

  • 0
3 horas atrás, Leonardo Persan disse:

Posta fazendo favor como ficou o código agora e faz um var_dump($_POST); em contact.php pra ver o que ta chegando nela

Leonardo, beleza!

 

Cara, me desculpe mas sou mais designer gráfico que programador...rs. Tenho resolvido algumas coisas na raça mesmo, mas não estou sabendo resolver esse problema kkkk

Segue o HTML alterado que me pediu:

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>XXXXXXX</title>

 

    <!--all css files-->

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<link rel="stylesheet" href="assets/css/slick.min.css">

<link rel="stylesheet" href="assets/css/animate.css">

<link rel="stylesheet" href="assets/css/magnific.pupup.css">

<link rel="stylesheet" href="assets/css/sweet.alert.css">

<link rel="stylesheet" href="assets/css/slicknav.css">

<link rel="stylesheet" href="assets/css/owl.carousel.css">

<link rel="stylesheet" href="assets/css/jquery.mb.YTPlayer.min.css">

<link rel="stylesheet" href="assets/css/main.css"> <!-- main stylesheet -->

<link rel="stylesheet" href="style.css">

<!--jquery-->

<script src="assets/js/jquery.min.js"></script>

 

</head>

 

<body>

 

    <!-- start .preloader -->

    <div class="preloader">

        <div class="inner text-center">

            <span class="preloader-spin"></span>

        </div>

    </div>

    <!-- end .preloader -->

 

    <div class="site_wrap"><header class="dh--header--1 dh--white dh--bg2">

    <div class="dh--header--top">

        <div class="container">

            <div class="row">

                <div class="col-md-2 col-lg-2 dh--logo--col">

                    <div class="dh--logo--wrap">

                        <a href="index.html" class="dh--logo">XXXXXXXXX</a>

                    </div>

                </div>

                <div class="col-md-7 col-lg-8 dh--menu--col">

                                    <nav class="dh--navigation--menu">

                        <ul>

                            <li class="current-menu-item"><a href="index.html">XXXXXXXXX</a>

                            </li>

                            <li><a href="#">XXXXXXXX</a>

                                <ul class="sub-menu">

                                    <li><a href="portfolio-video.html">XXXXXXX</a>

                                    </li>

                                    <li><a href="portfolio-tile-inside.html">XXXXXXX</a>

                                    </li>

                                </ul>

                            </li>

                            <li><a href="contact.html">XXXXXXXXX</a>

                            </li>

                        </ul>

                      </nav>                </div>

                <div class="col-md-3 col-lg-2 dh--btn--col clearfix">

                    <div class="dh--header--btn--wrap">

                        <a href="http://www.teste.com.br” target="_blank" class="dh--btn btn--sm">English</a>

                    </div>

                </div>

            </div>

        </div>

    </div>

</header><div class="dh--breadcrumb--area stellar flex_center" data-stellar-background-ratio="0.4" style="background-image: url(assets/img/hero-bg-5.1-2.jpg)">

    <div class="container relative">

        <div class="dh--breadcrumb--inner">

            <div class="row">

                <div class="col-md-8 text-center col-md-offset-2">

                    <h2>XXXXXXXXXXX</h2>

                </div>

            </div>

        </div>

    </div>

</div><div class="dh--contact--area sp">

    <div class="container">

        <div class="row">

            <div class="col-md-6 col-md-offset-3">

                <div class="dh--sec--title--1 text-center">

                    <p>XXXXXXXXXX <br> XXXXXXXXXXXXX</p>

                </div>

            </div>

        </div>

        <div class="row">

            <div class="col-md-8 col-md-offset-2">

                <form method="post" action="contact.php">

                    <div class="dh--contact--form">

                       <div class="clearfix">

                             <div class="single--inp">

                                <input type="text" name="name" placeholder="Nome" required="">

                            </div>

                            <div class="single--inp">

                                <input type="email" name="name" placeholder="E-mail" required="">

                            </div>

                       </div>

                        <div class="single--inp">

                            <textarea placeholder="Mensagem"></textarea>

                        </div>

                        <div class="single--inp">

                            <input class="dh--btn btn--primary" type="submit" name="name" value="Enviar">

                        </div>

                    </div>

            </div>

        </div>

               </div>

           </div>

            </div>

        </div>

    </div>

</div><footer class="dh--footer--1 brd-top bg-grey">

    <div class="container">

        <div class="row">

            <div class="col-md-8 col-md-offset-2">

                <div class="dh--footer--content--1 text-center">

                    <div class="dh--logo--wrap">

                        <a href="#" class="dh--logo">XXXXXXXXX</a>

                    </div>

                    <div class="dh--social--1">

                        <a href="https://www.facebook.com" class="fa fa-facebook"></a>

                        <a href="https://twitter.com" class="fa fa-twitter"></a>

                        <a href="https://www.instagram.com" class="fa fa-instagram"></a>

                    </div>

                    <p>Copyright © 2018 by XXXXXXXXXX | All Rights Reserved</p>

                </div>

            </div>

        </div>

    </div>

</footer>

</div> <!-- end .site_wrap -->

<!--all JavaScript Files-->

<script src="assets/js/vendor/bootstrap.min.js"></script>

<script src="assets/js/vendor/slick.min.js"></script>

<script src="assets/js/vendor/magnific.popup.min.js"></script>

<script src="assets/js/vendor/masonry.pkgd.min.js"></script>

<script src="assets/js/vendor/ajaxchimp.min.js"></script>

<script src="assets/js/vendor/sweet.alert.min.js"></script>

<script src="assets/js/vendor/slicknav.min.js"></script>

<script src="assets/js/vendor/owl.carousel.min.js"></script>

<script src="assets/js/vendor/isotope.pkgd.min.js"></script>

<script src="assets/js/vendor/stellar.min.js"></script>

<script src="assets/js/vendor/typed.min.js"></script>

<script src="assets/js/vendor/jquery.mb.YTPlayer.min.js"></script>

<script src="assets/js/active.js"></script>

 

 

</body>

 

</html>

 

 

Não mexi no PHP!

Vlw

Link para o comentário
Compartilhar em outros sites

  • 0
Em 10/10/2018 em 16:35, Alê Bernardini disse:

Cara, me desculpe mas sou mais designer gráfico que programador...rs.

kkkk tranquilo, bom saber que você é designer eu sou péssimo com isso.

Em 10/10/2018 em 16:35, Alê Bernardini disse:

<input type="text" name="name" placeholder="Nome" required="">

<input type="email" name="name" placeholder="E-mail" required="">

<input class="dh--btn btn--primary" type="submit" name="name" value="Enviar">

Repara que nos três inputs você colocou o parametro name com o mesmo valor "name" significa que o PHP recebe o Formulário cria a variável $_POST['name'], coloca o primeiro valor, depois pega o segundo valor e também coloca em $_POST['name'], sobrescrevendo o primeiro valor e por ai vai.

Solução em cada input o parâmetro name deve ter um valor diferente que faça sentido pra você usar depois exemplo:

<input type="text" name="nome" placeholder="Nome" required="">

<input type="email" name="email" placeholder="E-mail" required="">

E o botão Enviar não tem nenhum valor digitado pelo usuário que você vá precisar usar no PHP, logo não precisa do parâmetro name.

Faça um var_dump em $_POST no contact.php para saber como os valores estão chegando.

Link para o comentário
Compartilhar em outros sites

  • 0
6 horas atrás, Leonardo Persan disse:

kkkk tranquilo, bom saber que você é designer eu sou péssimo com isso.

Repara que nos três inputs você colocou o parametro name com o mesmo valor "name" significa que o PHP recebe o Formulário cria a variável $_POST['name'], coloca o primeiro valor, depois pega o segundo valor e também coloca em $_POST['name'], sobrescrevendo o primeiro valor e por ai vai.

Solução em cada input o parâmetro name deve ter um valor diferente que faça sentido pra você usar depois exemplo:


<input type="text" name="nome" placeholder="Nome" required="">

<input type="email" name="email" placeholder="E-mail" required="">

E o botão Enviar não tem nenhum valor digitado pelo usuário que você vá precisar usar no PHP, logo não precisa do parâmetro name.

Faça um var_dump em $_POST no contact.php para saber como os valores estão chegando.

Deu certo Leonardo!

Muito obrigado!!!!

qualquer de design me avisa!

Abs

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...