0

Boa noite galera, Tenho um formulário em php que com a opção de anexar arquivo e depois será enviado para um email, sou iniciante nessa parte de ajax e javascript mas gostaria de saber se tem como exibir uma mensagem enquanto o formulário é "enviado" se é javascript ou só com ajax, se alguém tiver exemplos agradeço

 <form method="post" action="script/trab_send.php" id="form_trab" onsubmit="return validar(this)" autocomplete="off" enctype="multipart/form-data">
                        <input type="text" class="box" placeholder="NOME*" id="nome" name="nome" pattern="[A-Za-zÀ-úÂ-ûÃ-õ]+$" required>
                        <input type="email" class="box" placeholder="E-MAIL*" name="email" required>
                        <input type="tel" class="box" placeholder="TELEFONE*" name="fone" required pattern="\([0-9]{2}\) [0-9]{4}-[0-9]{4,5}$" OnKeyPress="mascara(this)" maxlength="15">
                        <input id="fakeupload" name="fakeupload" class="fakeupload" type="text" placeholder="ANEXAR ARQUIVO" />
                        <input id="realupload" name="realupload" class="realupload" type="file" progress onchange="this.form.fakeupload.value = this.value;" />
                        <input type="submit" value="Enviar" class="btn-ajuda">
                    </div>
                </form>
            <div class="resposta"></div> `=$_FILES['realupload'];

$mail = new PHPMailer();

$mail->IsSMTP();
$mail->SMTPAuth = true;
$mail->SMTPDebug = 0;
$mail->Port = 587;
$mail->CharSet = 'UTF-8';
$mail->Host = '';
$mail->Username = '';
$mail->Password = '';
$mail->SetFrom('');
$mail->AddAddress('');
$mail->Subject = '';
$mail->IsHTML(true);
$mail->Body=$body;
$body = "<strong>Arquivo: </strong>{$arquivo['name']}";

$mail->MsgHTML($body);
$mail->AddAttachment($arquivo['tmp_name'], $arquivo['name']);



 if($mail->Send()){
echo "<div class='sucesso'>Formulário enviado com sucesso! Em breve entraremos em contato!</div>";

$(document).ready(function(){
        $(".resposta").hide();
        $("#form_trab").ajaxForm({
            target: '.resposta',
            success: function(retorno){
                $(".resposta").html(retorno);
                $(".resposta").show();
            }
    });`

1 Resposta 1

0

Adicione uma div com o id de "mensagem"

$("#form_trab").on("subimit", function(){ $("#mensagem").html("O Form está sendo enviado."); })

1
  • Fiz um teste aqui, funcionou legal, valeu irmão
    – romulo
    9/09/2016 às 1:30

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .