0

Estou colocando um formulario no meu index.php, para ser enviado os dados preenchidos para meu e-mail.

Como eu faço para quando a pessoa clicar no botão submit(enviar), a página não atualizar?

O sistema está funcionando direitinho, envia para o meu e-mail corretamente, mas quando clico no botão para enviar, aparece isso olha.

FOTO

Alguém sabe porquê está dando este erro?

index.php

<?php
$msg=0;
@$msg= $_REQUEST['msg'];
?>

<!DOCTYPE html>
<html lang="pt-br">
<head> etc...

<body>
<form action="processaForm.php" method="post">
        <label for="nome">Nome:</label><br>
        <input id="nome" name="nome" type="text" required><br>
        <label for="email">E-mail: (obrigatório)</label><br>
        <input id="email" type="email" name="email" required><br>
        <label for="telefone"> Telefone/Whatsapp:</label><br>
        <input type="text" name="telefone" id="telefone" value="27 " required><br>
        <label for="assunto"> Descreva o serviço que deseja:</label><br>
        <textarea name="assunto" id="mensagens assunto"> </textarea><br>
        <input type="submit" id="miniSuccessAnimation" class="btn btn-success">
    </form>
</body>

PHP

<?php 
$para= "[email protected]";
$assunto= "Contato pelo Site";
$nome= $_REQUEST['nome'];
$fone= $_REQUEST['telefone'];
$email= $_REQUEST['email'];
$msg= $_REQUEST['assunto'];

    $corpo = "<strong> Mensagem de Contato</strong><br><br>";
    $corpo .= "<strong> Nome: </strong> $nome";
    $corpo .= "<br><strong> Telefone: </strong> $fone";
    $corpo .= "<br><strong> Email: </strong> $email";
    $corpo .= "<br><strong> Mensagem: </strong> $msg";

    $header = "Content-Type: text/html; charset= utf-8\n";
    $header .="From: $email Reply-to: $email\n";
mail($para,$assunto,$corpo,$header);
header("location:index.php?msg=enviado");
?>
3
  • Poste seu código, vai nos ajudar a te ajudar. 17/11/2017 às 17:36
  • pronto, já inseri o código.
    – user96296
    17/11/2017 às 17:40
  • Esse erro é porque o caminho do <form> ou do hader("location:") provavelmente está errado
    – Costamilam
    17/11/2017 às 17:42

1 Resposta 1

1

Solução não recarregar a página (você precisa do jQuery.js instanciado):

HTML

<form>
    <label for="nome">Nome:</label><br>
    <input id="nome" name="nome" type="text" required><br>
    <label for="email">E-mail: (obrigatório)</label><br>
    <input id="email" type="email" name="email" required><br>
    <label for="telefone"> Telefone/Whatsapp:</label><br>
    <input type="text" name="telefone" id="telefone" value="27 " required><br>
    <label for="assunto"> Descreva o serviço que deseja:</label><br>
    <textarea name="assunto" id="assunto"> </textarea><br>
    <input type="button" id="miniSuccessAnimation" class="btn btn-success">
</form>

JS

$(document).ready(function () {
    $("#miniSuccessAnimation").click(function () {
        var request = $.ajax({
            url: "processaForm.php",
            method: "POST",
            data: {nome: $("#nome").val(), email: $("#email").val(), telefone: $("#telefone").val(), assunto: $("#assunto").val()}
        });

        request.done(function (data) {
            alert(data);
        });

        request.fail(function () {
            alert("OPS ocorreu um erro na requisição.");
        });
    });
});

PHP

<?php 
$para= "[email protected]";
$assunto= "Contato pelo Site";
$nome= $_REQUEST['nome'];
$fone= $_REQUEST['telefone'];
$email= $_REQUEST['email'];
$msg= $_REQUEST['assunto'];

    $corpo = "<strong> Mensagem de Contato</strong><br><br>";
    $corpo .= "<strong> Nome: </strong> $nome";
    $corpo .= "<br><strong> Telefone: </strong> $fone";
    $corpo .= "<br><strong> Email: </strong> $email";
    $corpo .= "<br><strong> Mensagem: </strong> $msg";

    $header = "Content-Type: text/html; charset= utf-8\n";
    $header .="From: $email Reply-to: $email\n";
    if(mail($para,$assunto,$corpo,$header)){
        echo "E-Mail enviado";
    }else{
        echo "E-Mail não enviado";
    }

?>
11
  • Ei, guilherme. Por eu ter colocado header("location:index.php?msg=enviado"); no meu php, a página está sendo atualizada do mesmo jeito. e se eu tiro isso, quando eu clico pra enviar, a página fica em branco.
    – user96296
    17/11/2017 às 18:13
  • Você substituiu seu código exatamente como eu coloquei acima? Incluiu o jQuery nos header? Quando você clica no botão aparece alguma mensagem alert() na tela? 17/11/2017 às 18:16
  • Eu já tinha o jquery anexado na pagina, pq uso outros JS. Nao apareceu um alert, abriu uma pagina toda branca escrita "email enviado". Vale lembrar que, eu já coloquei uma "animação" quando clica no botão enviar. Abre um pop-up na lateral, vou atualizar o post pra vc ver a foto
    – user96296
    17/11/2017 às 18:23
  • Como eu já coloquei isso, não preciso que apareça nada na tela, preciso apenas que ela não atualize, para o pop-up aparecer e conseguir ser visualizado
    – user96296
    17/11/2017 às 18:25
  • Então tem algo errado, pois o script que coloquei tirei o action do form pois a página não pode ser atualizada... acho que você esqueceu de copiar algo amigo... Quando você clicasse no botão caso o e-mail fosse enviado um alert com a mensagem de sucesso apareceria, caso contrario erro... 17/11/2017 às 18:25

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