Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17676
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário de contato sua mensagem foi enviada com sucesso

21-02-2016 16:55

Nesse post vou colocar um script de formulário de contato em PHP com os campos nome, e-mail e mensagem.
Quando o formulário for enviado via jQuery é mostrado uma janela centralizada na página com a seguinte mensagem:

Sua mensagem foi enviada com sucesso!

Obs.: Você precisa da biblioteca jQuery e um servidor que tenha suporte PHP e a função PHP mail().

formulário

<style type="text/css"> .div{ width: 250px ; height:250px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color:#ccc; text-align:center; display:none; } .mensagem { width: 250px ; height:250px; display: table-cell; vertical-align:middle; text-align:center; } </style> <script src="jquery.js"></script> <script language="javascript" type="text/javascript"> // evitando que os dados sejam submetidos pelo modo tradicional jQuery(document).ready(function(){ jQuery("#form").submit(function(){ return false; }); // carregando a função para o envio jQuery("#envia").click(function(){ envia_form(); }); // limpando a div antes de um novo envio function envia_form() { jQuery("#retorno").empty(); // pegando os campos do formulário var nome = jQuery("#nome").val(); var email = jQuery("#email").val(); var mensagem = jQuery("#mensagem").val(); // tipo dos dados, url do documento, tipo de dados, campos enviados // para GET mude o type para GET jQuery.ajax({ type: "POST", url: "contato.php", dataType: "html", data: "nome=" + nome + "&email=" + email +"&mensagem=" + mensagem + "&envia=envia", // enviado com sucesso success: function(response){ jQuery(".mensagem").html(response); jQuery(".div").show(); //jQuery("#retorno").html(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } }); } }); </script> <div class="div"> <div class="mensagem"></div> </div> <div id="retorno"></div> <form id="form" action="" method="POST"> nome: <input type="text" id="nome" name="nome" value=""> <br> email: <input type="email" id="email" name="email" value=""> <br> mensagem: <textarea id="mensagem" name="mensagem"></textarea> <br> <button id="envia" type="submit">Enviar</button> </form>

contato.php

<?php if(isset($_POST['envia'])) { // CONFIGURE ABAIXO if(empty($_POST['nome']) || empty($_POST['email']) || empty($_POST['mensagem'])) { echo "Todos os campos são obrigatórios<br /><div onclick=\"$('.div').hide()\">Fechar</div>"; } else { $emailpara = "@"; // VOCÊ / QUEM RECEBE O EMAIL $nome_postador = $_POST['nome']; // NOME DO POSTADOR $email_postador = $_POST['email']; // E-MAIL DO POSTADOR $assunto = "teste"; // ASSUNTO DO EMAIL $mensagem = $_POST['mensagem']; // MENSAGEM DO EMAIL // CONFIGURE ACIMA $headers = "MIME-Version: 1.0\n"; $headers.= "Content-type: text/html; charset=iso-8859-1\n"; $headers.= "From: ".$nome_postador." <".$email_postador.">"; if(mail($emailpara, $assunto, $mensagem, $headers)) { echo "Sua mensagem foi enviada com sucesso!<br /><div onclick=\"$(this).hide()\">Fechar</div>"; } else { echo "erro ao enviar e-mail<br /><div onclick=\"$(this).hide()\">Fechar</div>"; } } } ?>

Na linha

$emailpara = "@"; // VOCÊ / QUEM RECEBE O EMAIL

Troque o arroba pelo e-mail de quem irá receber os dados do formulário.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado