Publicado em 10 de abr.

Ocultar "refresh" de formulário

Boa tarde,

Gostaria de ajuda!!!

Para ocultar do usuário o refresh que está no arquivo "envio_pesquisa.php",

pois ele direciona para pagina, só que não sei como vincular o submit que está no "contato_pesquisa.php" com o arquivo "ajax_pesquisa.js",

teria como alguém me ajudar??

OBS: Gostaria apenas que o formulário desse um reset deixando os campos em branco e não saísse da pagina.

ajax_pesquisa.js

contato_pesquisa.php

envio_pesquisa.php

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

quimera· 10 de abr.

você vai usar algum framework javascript um exemplo usando jquery:

$(function(){
 $('#formulario').submit(function(){
 $.post( "pasta/pagina.php", function(e) {
 $( "#resultado" ).html(e);
 });
 //aqui impede do formulário ser postado
 return false;
 });
});

//Api post Jquery:
//https://api.jquery.com/jquery.post/

Juliana Mesquita· 12 de abr.

Boa tarde, obrigada me ajudar, já consegui aki rsrsr...

Faltava uma função no código js....

Os arquivos funcionando estão em anexo.

Arquivo do formulário em html.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
	<head>
 <title>Formulário de contato</title>
	</head>

	<body>
 <form id="simples-formulario-ajax">
 <table class="contato">
 <tr> <br><br><br>
 <td><label for="nome" >Nome </label></td>
 <td><input type="text" name="nome" id="nome" class=" " placeholder="Digite seu nome" required autofocus></td>
 </tr>
 <tr>
 <td><label class="contato" for="email">Email</label></td>
 <td><input class="contato" type="text" name="email" id="email" class=" " placeholder="seu@email.com.br" required></td>
 </tr>
 <tr>
 <td><label class="contato" for="assunto" id="assunto">Assunto:</label></td>
 <td><select class="contato" name="assunto" id="assunto">
 <option value="Sala de Pesquisa"> Sala de Pesquisa </option>
 </select></td>
 </tr>
 <tr>
 <td><label class="contato" for="mensagem">Mensagem:</label></td>
 <td><textarea class="contato" name="mensagem" id="mensagem" cols="30" rows="10"></textarea></td>
 </tr>
 </table>
 <button class="contato btn btn-red" type="submit" id="enviar">Enviar</button>

 <input type="hidden" id="metodo" value="formulario-ajax">
 </form>

 <!-- JAVASCRIPT -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script src="http://culturaniteroi.com.br/macniteroi/cod/contato/formulario.js"></script>
 <!-- JAVASCRIPT -->
	</body>
</html>

	 

	Arquivo PHP, que faz envio da mensagem para o e-mail.

<?php

//Variáveis

$nome = $_POST['nome'];
$email = $_POST['email'];
$assunto = $_POST['assunto'];
$mensagem = $_POST['mensagem'];
$data_envio = date('d/m/Y');
$hora_envio = date('H:i:s');

// Corpo E-mail
$arquivo = "

 <html>
 <b>Nome:</b>$nome
 <br><br>
 <b>E-mail:</b><b>$email</b>
 <br><br>
	<b>Assunto:</b>$assunto
	<br><br>
 <b>Mensagem:</b>$mensagem
 <br><br>
 Este e-mail foi enviado em <b>$data_envio</b> às <b>$hora_envio</b>
 <br><br>
 </html>
 ";

 // emails para quem será enviado o formulário
 $emailenviar = "email@gmail.com";
 $destino = $emailenviar;
 $assunto = "Contato via site ...";

 // É necessário indicar que o formato do e-mail é html
 $headers = 'MIME-Version: 1.0' . "\r\n";
 $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
 $headers .= 'From: ' . $nome;

 $enviaremail = mail($destino, $assunto, $arquivo, $headers);
 if($enviaremail){
 $mgm = "E-MAIL ENVIADO COM SUCESSO! <br> O link será enviado para o e-mail fornecido no formulário";

 } else {
 $mgm = "ERRO AO ENVIAR E-MAIL!";
 echo "";
 }
	if(strcasecmp('formulario-ajax', $_POST['metodo']) == 0){

 $html = 'Nome: '.$_POST['nome'];
 $html .= "\n";
 $html .= 'Email: '.$_POST['email'];
 $html .= "\n\n Mensagem enviada com Sucesso!.";

 echo $html;
	}

?>

	 

	Arquivo em Javascript que limpa os campos da pagina e não sai da pagina.

	$('#simples-formulario-ajax').submit(function(e){
 e.preventDefault();

 if($('#enviar').val() == 'Enviando...'){
 return(false);
 }

 $('#enviar').val('Enviando...');

 $.ajax({
 url: 'formulario.php',
 type: 'post',
 dataType: 'html',
 data: {
 'metodo': $('#metodo').val(),
 'nome': $('#nome').val(),
 'email': $('#email').val(),
 'assunto': $('#assunto').val(),
 'mensagem': $('#mensagem').val()
 }
 }).done(function(data){

 alert(data);

 $('#enviar').val('Enviar');
 $('#metodo').val('formulario-ajax');
 $('#nome').val('');
 $('#email').val('');
 $('#mensagem').val('');

 });

	});

	 

	[valida-formulario.php](/applications/core/interface/file/attachment.php?id=1020)

	[formulario.js](/applications/core/interface/file/attachment.php?id=1018)

	[formulario.php](/applications/core/interface/file/attachment.php?id=1019)