Sou iniciante em programação e estou com um pequeno problema aqui. Já dei uma boa pesquisada aqui no stackoverflow, tanto em português quanto em inglês, mas não consegui adpatar ou colocar uma solução em prática aqui. Peço desculpas se o código doer no olho de vocês, mas começo é começo, hehehe.
É o seguinte, tem um form que chama com action o código "contato.php" e quando clica para enviar, ele executa um função em javascript, uma simples validação que checa se os campos obrigatórios estão preenchidos com alguma coisa e depois o formulário é enviado para um e-mail. Tudo isso funciona muito bem, acontece que depois do envio, ele redireciona para a página "contato.php" e eu queria que ela não fizesse nada, somente ficasse na página onde aparece um texto dizendo que a mensagem foi enviada. As soluções que eu vi consistiam em colocar algo como:
header("url: contato.html?sent=true");
Mas se tento isso, acaba retornando este erro para mim:
Cannot modify header information - headers already sent by (output >started at /Applications/MAMP/htdocs/Contato_Colab/contato.php:1)
Outras soluções iam na utilização de AJAX, mas eram direcionadas para quem já sabia como funciona e eu não sei nada sobre, ainda. Aí fica a minha dúvida, tem como impedir esse redirecionamento sem utilizar AJAX? Ou vou ter que aprender emergencialmente?
Formulário
<form name="form_contato" action="contato.php" onsubmit="return validateForm()" method="post">
<input id="nome" name="nome" type="text" placeholder="Nome Completo*" class="celulaContato" >
<input name="telefone" type="text" placeholder="Telefone" class="celulaContatoESQ">
<input name="email" type="text" placeholder="E-mail*" class="celulaContato" >
<input name="site" type="text" placeholder="Website" class="celulaContatoESQ">
<input name="empresa" type="text" placeholder="Empresa" class="celulaContato">
<input name="cargo" type="text" placeholder="Cargo" class="celulaContatoESQ">
<input name="assunto" type="message" placeholder="Assunto*" class="celulaContatoASSUNTO" >
<textarea name="mensagem" rows="4" placeholder="Sua mensagem*" >
</textarea>
<input id="enviar" name="enviar" type="submit" value="Enviar">
<div id="check"><input name="newsletter" type="checkbox"> <p>Receber Newsletter</p></div>
contato.php
<?php
$nome = $_POST["nome"] ;
$telefone = $_POST["telefone"] ;
$email = $_POST["email"] ;
$site = $_POST["site"] ;
$empresa = $_POST["empresa"] ;
$cargo = $_POST["cargo"] ;
$assunto = $_POST["assunto"] ;
$mensagem = $_POST["mensagem"] ;
$from = "Formulário de Contato - Site Colab";
$to = "[email protected]";
$subject = "blablabla";
$body = "De = $nome\n E-mail: $email\n Website: $site\n Empresa: $empresa\n Cargo: $cargo\n Assunto: $assunto\n Mensagem:\n $mensagem" ;
if ($_POST['enviar']) {
mail ($to, $subject, $body, $from);
}
?>
validate.form
var x = document.forms["form_contato"]["nome"].value;
if (x == "") {
document.getElementById("invalido_form").innerHTML = "O campo nome deve ser preenchido";
return false
}
var x = document.forms["form_contato"]["email"].value;
if (x == "") {
document.getElementById("invalido_form").innerHTML = "O campo E-mail deve ser preenchido";
return false;
}
var x = document.forms["form_contato"]["assunto"].value;
if (x == "") {
document.getElementById("invalido_form").innerHTML = "O campo Assunto deve ser preenchido";
return false;
}
var x = document.forms["form_contato"]["mensagem"].value;
if (x == "") {
document.getElementById("invalido_form").innerHTML = "O campo Mensagem deve ser preenchido";
return false;
}
else {
document.getElementById("invalido_form").innerHTML = "Sua mensagem foi enviada!";
return true;
}
}