Jump to content

Modesto

Members
  • Content count

    3
  • Joined

  • Last visited

Community Reputation

0 Comum

About Modesto

  1. Modesto

    Enviar formulário sem atualizar a pagina com ajax e PHP

    Olá Alaerte Gabriel e cviniciussdias obrigado pela postagem, fiz alguns ajustes usando o post do Alaerte que não tinha no meu código como criar os ids no form e no input e também o solicitado pelo cviniciussdias, o que está acontecendo agora é que quando clico em enviar ele fica processando mas não envia o email.
  2. Olá boa noite a todos!! Gostaria de tura uma dúvida estou desenvolvendo um site e neste terá alguns formulário para onde o usuário pode enviar informações, estou com dois problema nesse tipo de envio e gostaria de uma ajuda help de vcs. Sempre que eu submeto o form a pagina é atualizada, gostaria que quando for enviar o formulário mostrasse um gif de processamento a e pagina não atualizasse, ou seja ficasse estática e limpasse os campos apos o envio. Fiz várias pesquisar na net e foi sugerido usar ajax não sei se seria o mais correto, mas enfim o problema que não estou conseguindo fazer isso. Abaixo segue meus codigo para que vcs possa analisar. <script> $('.j_formsubmit').submit(function() { var dados = $(this).serialize(); $.ajax({ url: '../_cdn/enviar.php', data: dados, type: 'POST', dataType: 'json', beforeSend: function() { $('.form_load').fadeIn(); }, success: function(data) { console.clear(); console.log(data); $('.form_load').fadeOut(); alert("Olá " + data.nome + ". Obrigado por enviar sua mensagem!"); } }); return false; }); </script> <form action="" method="post" class="fl-nome main_formcontato j_formsubmit"> <div class="main_homeform"> <label> <input class="inputname" type="text" name="nome" required title="Por favor, informe seu nome" placeholder="Informe seu Nome:"> <input class="inputemail" type="email" name="email" required title="Por favor, informe seu e-mail" placeholder="Informe seu Email:"> <input class="inputdate" type="date" name="data" required title="Por favor, informe da data do evento" placeholder="Informe data so seu Evento:"> <img class="form_load"title="Aguarde, enviando contato!" alt="[Aguarde, enviando contato:]" src="<?= HOME; ?>/_cdn/ajax-loader.gif"/> <input class="btn-yelow inputbtn" type="submit" value="Enviar"/> </label> </div> </form> ambos estão no mesmo arquivo da meu site. toda sugestão, dica e ajuda será muito bem vindo, pois estou a dias tentando resolver isso. abaixo em outro arquivo está o enviar.php if (isset($post) && !empty($post)) { $f['nome'] = ($_POST['nome']); $f['email'] = ($_POST['email']); $f['data'] = ($_POST['data']); $assunto = "Serviço"; $nomeDestino = "Contato"; $msgSend = '<html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <table width="100%" border="0"> <tr> <td> <tr> <td widht="100%"align="left"><img src="<? = HOME; ?>/themes/img/logomeail.png width="180" height="100"></td> </tr> </tr> </table> <table width="100%" border="0" align="center"> <tr> <td> <font size="1" color="gray" face="verdana"><center>Solicitação bate papo via serviço </center></font> </td> </tr> </table> <table width="100%" border="0"> <tr> <td> <tr> <td widht="100%" bgcolor="#40223B" align="center"><font color="white">Dados do Casal</font></td> </tr> </tr> </table> <table width="100%" border="0"> <tr> <td style="border-bottom: 1px solid #C0C0C0"; width="15%" align="Left"><font color="#40223B">Nome cliente:</font></td> <td style="border-bottom: 1px solid #C0C0C0"; width="95%"><font color="#0066CC"><strong>' . $f['nome'] . '</strong></font></td> </tr> </table> <table width="100%" border="0"> <tr> <td style="border-bottom: 1px solid #C0C0C0"; width="5%" align="Left"><font color="#40223B">Email:</font></td> <td style="border-bottom: 1px solid #C0C0C0"; width="50%"><font color="#0066CC"><strong>' . $f['email'] . '</strong></font></td> <td style="border-bottom: 1px solid #C0C0C0"; width="17%" align="Left"><font color="#40223B">Data do evento:</font></td> <td style="border-bottom: 1px solid #C0C0C0"; width="25%"><font color="#0066CC"><strong>' . $f['data'] . '</strong></font></td> </tr> </table> </body> </html>'; if (empty($f['nome'])) { echo '<p class="">Por favor, informar seu nome!</p>'; } elseif (!valMail($f['email'])) { echo '<p class="">Por favor, informar um email valido!</p>'; } elseif (empty($f['data'])) { echo '<p class="">Por favor, informar uma data!</p>'; } else { sendMail($assunto, $msgSend, $f['email'], $f['nome'], MAILDESTINO, $nomeDestino, $reply = $f['email']); } } muito obrigado
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.