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


Moderador: web

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

Enviar e-mail sem atualizar a página PHP e jQuery

22-03-2016 11:43

Nesse post vou mostrar um script para enviar formulário de e-mail sem precisar recarregar a página ou documento.

Esse código usa jQuery.

formulario.php

<script src="jquery.js"></script> <style> #submit{display:none} </style> <script> $(function() { // carregando a função para o envio $("#envia").click(function(){ // limpando a div jQuery("#retorno").empty(); // pegando os campos do formulário var nome = jQuery("#nome").val(); var email = jQuery("#email").val(); var mensagem = jQuery("#mensagem").val(); if(nome=="" || email=="" || mensagem=="") { $("[type='submit']").trigger("click"); return false; } jQuery.ajax({ type: "POST", url: "contato.php", dataType: "html", data: "nome=" + nome + "&email=" + email + "&mensagem=" + mensagem, // enviado com sucesso success: function(response){ jQuery("#retorno").html(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } }); }); }); </script> <div id="retorno"></div> <form action="" id="form" method="post"> <table> <tr> <td>Nome</td> <td><input type="text" name="nome" id="nome" placeholder="Seu nome" required value="" /></td> </tr> <tr> <td>E-mail</td> <td><input type="email" name="email" id="email" placeholder="Seu e-mail" required value="" /></td> </tr> <tr> <td>Mensagem</td> <td><textarea name="mensagem" cols="19" id="mensagem" rows="5" placeholder="sua mensagem" required></textarea></td> </tr> <tr> <td colspan="2"><input type="submit" id="submit"><input type="button" name="envia" id="envia" value="Enviar" /></td> </tr> </table> </form>

contato.php

<?php // mensagem de enviado com suceso $enviado = "E-mail enviado com sucesso!"; // mensagem de erro ao enviar $erro = "Erro ao enviar o e-mail!"; // campos do formulário $nome = @trim(stripslashes($_POST['nome'])); $email = @trim(stripslashes($_POST['email'])); $assunto = "Seu assunto aqui"; $mensagem = @trim(stripslashes($_POST['mensagem'])); // QUEM RECEBE O E-MAIL $emailpara = ""; $headers = "MIME-Version: 1.0\n"; $headers.= "Content-type: text/html; charset=iso-8859-1\n"; $headers.= "From: ".$nome." <".$email.">"; @mail($emailpara, $assunto, $mensagem, $headers) or die($erro); echo $enviado; die; ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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