Carregar envio de form com Jquery
Estou tentando fazer com que um form seja enviado sem carregar a pagina.. apenas com jQuery
Mas não está dando certo. Este é código q consegui até agora
//Formulário
<form id="footerForm" method="post" enctype="multipart/form-data">
<div class="contactForm">
<img class="loadingImage" src="loader.gif" alt="Carregando" title="Carregando"/>
<input class="field" type="text" name="nome" placeholder="Nome" />
<input class="field" type="text" name="email" placeholder="email" />
<textarea class="message textInput" name="mensagem" rows="11" cols="25"></textarea>
<input type="hidden" name="acao" value="enviar" />
<input name="submit" type="submit" value="Enviar" class="button loader">
</div>
</form>
O arquivo onde fica as funções Jquery fica em um arquivo separado
// Função para carregar com Jquery
$(function() {
$(".loadingImage").hide();
$("#footerForm").submit(function() {
var nome = $("#nome").val();
var email = $("#email").val();
var mensagem = $("#mensagem").val();
$.post('form_mail.php', {nome: nome, email: email, mensagem: mensagem }, function(resposta) {
$(".loadingImage").slideDown();
if (resposta != false) {
$("#status").html(resposta);
}
else {
$("#status").html("Mensagem enviada com sucesso!");
$("#nome").val("");
$("#email").val("");
$("#mensagem").val("");
}
});
});
});
<?php// codigo que envia a msg
$nome = strip_tags(trim($_POST['nome']));
$email = strip_tags(trim($_POST['email']));
$mensagem = strip_tags(trim($_POST['mensagem']));
if(empty($nome)){
$msg = 'O Nome é Obrigatório';
}elseif(!filter_var($email, FILTER_VALIDATE_EMAIL)){
$msg = 'Digite um E-mail válido';
}elseif(empty($mensagem)){
$msg = 'A Mensagem é Obrigatória';
}else{
require('class.phpmailer.php');
$mail = new PHPMailer();
$mail->IsSMTP();
$mail->SMTPAuth = true;
$mail->Port = 25;
$mail->Host = '...';
$mail->Username = '..';
$mail->Password = '..';
$mail->SetFrom('..', '..');
$mail->AddAddress('...', '..');
$mail->Subject = 'Formulário de Contato';
$body = "<strong>Nome :</strong>{$nome} <br />
<strong>E-mail :</strong>{$email} <br />
<strong>Mensagem :</strong>{$mensagem}";
$mail->MsgHTML($body);
if($mail->Send())
$msg = 'Sua Mensagem foi enviada com Sucesso!!!';
else
$msg = 'Sua Mensagem não foi enviada, tente novamente';
}
?>Discussão (9)
Carregando comentários...