Mostrar que o e-mail foi enviado, sem refresh e sem caixa de dialogo.
Oi, criei um formulário para que as pessoas enviem-me e-mails através do site, como sou iniciante nisso, não consigo resolver um problema.
Ao enviar o e-mail, aparece uma caixa de dialogo com a confirmação de envio. Mas eu não quero isso, quero que abaixo do formulário, apareça uma mensagem(Mensagem enviada com sucesso) em verde e caso não enviar, quero q apareça (Algo esta errado, verifique as informações solicitadas), sem caixa de dialogo como esta aparecendo agora. Lembrando que tudo isso sem refresh da pagina, por isso me disseram para usar o ajax.
Abaixo esta o codigo:
Ao enviar o e-mail, aparece uma caixa de dialogo com a confirmação de envio. Mas eu não quero isso, quero que abaixo do formulário, apareça uma mensagem(Mensagem enviada com sucesso) em verde e caso não enviar, quero q apareça (Algo esta errado, verifique as informações solicitadas), sem caixa de dialogo como esta aparecendo agora. Lembrando que tudo isso sem refresh da pagina, por isso me disseram para usar o ajax.
Abaixo esta o codigo:
<form id="contato" method="post" action="email.php">
<ul>
<li class="first">
<a id="icone_nome" class="icones_contato"></a>
<input type="text" name="nome" class="text" placeholder="Nome" required>
<div class="clear"></div>
</li>
<li class="first">
<a id="icone_email" class="icones_contato"></a>
<input type="email" name="email" class="text" placeholder="nome@email.com" required>
<div class="clear"></div>
</li>
<li class="first">
<a id="icone_telefone" class="icones_contato"></a>
<input type="tel" name="telefone" class="text" placeholder="45 9999-9999" required pattern="^\d\d\d$">
<div class="clear"></div>
</li>
<li class="second">
<a id="icone_mensagem" class="icones_contato"></a>
<textarea placeholder="Mensagem" name="mensagem" id="caixa_mensagem" required></textarea>
<div class="clear"></div>
</li>
</ul>
<input type="submit" value="Enviar" id="botao_enviar">
<div class="clear"></div>
<div id="resultado">
</div>
</form><script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#contato').submit(function(){
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "email.php",
data: dados,
success: function( data )
{
alert( data );
}
});
return false;
});
});
</script> <?php
$para = "contato@volcanodigital.com.br";
$assunto = "Contato pelo Site";
$nome = $_POST['nome'];
$email = $_POST['email'];
$tel = $_POST['telefone'];
$mensagem = $_POST['mensagem'];
$corpo = "<strong> Mensagem de Contato </strong><br><br>".$nome;
$corpo .= "<br><strong>Nome: </strong>".$nome;
$corpo .= "<br><strong>Email: </strong>".$email;
$corpo .= "<br><strong>Tel: </strong>".$tel;
$corpo .= "<br><strong>Mensagem: </strong>".$mensagem;
$headers = "Content-Type:text/html; charset=UTF-8/n";
$headers .= "From: $email Reply-to: $email/n";
$enviaremail = mail($para, $assunto, $corpo, $headers);
if($enviaremail){
echo "E-MAIL ENVIADO COM SUCESSO! <br> Em breve responderemos no e-mail enviado";
} else {
$mgm = "ERRO AO ENVIAR E-MAIL!";
echo "";
}
?>Dalton Fuentes
Curtidas 0
Melhor post
William
01/06/2016
GOSTEI 1
Mais Respostas
Dalton Fuentes
31/05/2016
William, esse link resolve todos meus problemas, mas diga-me uma coisa, meu index esta em .html e o index desse link esta em .php , haveria algum problema nisso ?
GOSTEI 0
Dalton Fuentes
31/05/2016
William, já testei, tudo certo !!
Me ajudou muito William, obrigado mesmo.
Me ajudou muito William, obrigado mesmo.
GOSTEI 0