Retornar para origem apos envio do formulário usando a biblioteca PHP do SendGrid
Olá! Saudações a todos...
Pessoal, estou iniciando minha jornada por caminhos desconhecidos... já garimpei bastante aqui pelo forum para aprender sobre PHP e com as informações que aprendi conseguir montar um pequeno frankestein que aqui vou chamar de formulário...rsrsrs
Ja consegui enviar o Formulário utilizando a biblioteca do PHP da Sendgrid.
E agora gostaria de voltar a pagina de origem do formulário e apresentar uma mensagem avisando que o formulário foi enviado.
Tentei fazer via script mais consegui apenas enviar o email.
Se alguém puder me auxiliar nessa questão eu agradeço.
Obrigado!
PHP - Envio:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
</head>
<body>
<?php$formularSeite = "index.php"; // Personalize o nome do arquivo do formulário
// Os dados POST foram enviados?
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// define o fuso horário e a data atual
date_default_timezone_set("America/Sao_Paulo");
$datum = date("d.m.Y H:i");// remove tags HTML
$_POST = array_map('strip_tags', $_POST);
// definir conteúdo do e-mail
$inhaltEmail = "Enviada em: $datum hr
Nome: " . $_POST["name"] . "
E-Mail: " . $_POST["email"] . "
Telefone: " . $_POST["phone"] . "
Mensagem: " . $_POST["message"] . "
";require 'vendor/autoload.php';
// configuração de instância e codificação de caracteres
$mail->CharSet = "UTF-8";
$from = new SendGrid\Email(null, "suporte@dimpow.com.br");
$subject = "Mensagem de Contato";
$to = new SendGrid\Email(null, "feradams@gmail.com");
$content = new SendGrid\Content("text/html", "Ola, Reinaldo <br><br> Nova Mensagem de Contato do Site<br><br>$inhaltEmail");
$mail = new SendGrid\Mail($from, $subject, $to, $content);
$apiKey = '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';
$sg = new \SendGrid($apiKey);
$response = $sg->client->mail()->send()->post($mail); // envie e-mail
if ($mail->Send()) {
header("Location: " . $formularSeite . '?status=OK#form1-x');
}
else {
header("Location: " . $formularSeite . '?status=KO#form1-x');
}
}
?>
</body>
</html>
Formulário:
<form class="mbr-form" action="mailscript.php" method="post">
<div class="row row-sm-offset">
<div class="col-md-4 multi-horizontal" data-for="name">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="name-form1-x">Nome</label>
<input type="text" class="form-control" name="name" data-form-field="Name" required="" placeholder="Nome" id="name-form1-x">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="email">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="email-form1-x">Email</label>
<input type="email" class="form-control" name="email" data-form-field="Email" required="" placeholder="Email" id="email-form1-x">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="phone">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="phone-form1-x">Celular</label>
<input type="tel" class="form-control" name="phone" data-form-field="Phone" placeholder="Telefone" id="phone-form1-x">
</div>
</div>
</div>
<div class="form-group" data-for="message">
<label class="form-control-label mbr-fonts-style display-7" for="message-form1-x">Mensage</label>
<textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" placeholder="Mensagem" id="message-form1-x"></textarea>
</div>
<span class="input-group-btn"><button href="" type="submit" class="btn btn-primary btn-form display-4">ENVIAR</button></span>
</form>
script :
<script>
window.addEventListener("load", function() {
if (window.location.search != "") {
var W = window.location.search.split("=");
if (W[1] == 'OK') {
document.getElementById("status").innerText = 'A mensagem foi enviada com sucesso.';
document.getElementById("status").classList.add("erfolgreich");
}
if (W[1] == 'KO') {
document.getElementById("status").innerText = 'Infelizmente, ocorreu um erro ao enviar a mensagem!';
document.getElementById("status").classList.add("fehler");
}
}
});
</script>Discussão (0)
Carregando comentários...