Jump to content

Recommended Posts

Boa tarde,

 

Gostaria de ajuda!!!  :tired:

 

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

Share this post


Link to post
Share on other sites

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/

 

  • +1 1

Share this post


Link to post
Share on other sites

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

formulario.js

formulario.php

 

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By tatysouzac
      Minha view:
      <div>                            
                                          <form method="post" action="http://localhost/integradorcode/index.php/welcome/validar">
                                          EMAIL: <input type="text" name="email"  /> <br><br>
                                          SENHA:  <input type="password" name="senha"/> <br><br><br><br>
                                          <input class="myButton" type="submit" value="Entrar"/> <br><br>
                                          </form>
                                          <a href="Cadastro.php" class="myButton">Cadastrar</a><br><br>
                                          <a href="#" class="myButton">Esqueceu sua senha?</a>
               </div>
       
       
       
      Controller:
       
          public function validar(){
              //var_dump($_POST);
              $this->load->model("Cadastro_model");
              $result = $this->Cadastro_model->validar($_POST["email"],md5($_POST["senha"]));
              var_dump($result);
          }
       
       
      Model:
       
          function validar($email, $senha){
              return $this->db->query("SELECT * FROM `cadastro_clientes` WHERE email_cliente = '{$email}'  AND senha_cliente = '{$senha}' AND status = 1 LIMIT 1")->result_array();
          }
       
       
      Não da nenhuma mensagem de erro mas coloco senha e login certos do meu bd e o return não retorna nada array 0 
    • By terra
      Olá,
       Tenho esse codigo
       
      e gostaria de chamar  bairro = dados.address.suburb; aqui nesse função 
       
       
      Agradeço qualquer ajuda
    • By ricardonews
      olá pessoal, eu não estou conseguindo fazer o redirecionamento apos o cadastro para index, eu estou perdido entre os ifs e else, eu acho que só pode ser isso,  quando eu coloco meu código trava, e não faz nada. vou postar o print.

    • By Fábio Capello
      Oi pessoal tudo bem?sou novo no fórum estou desenvolvendo um sistema web preciso de ajuda meu dificuldade e para por segurança na páginas php.quando um usuário logado quer mudar de navegador ele cópia link e colou em outro navegador ele terá acesso mas quero que ele direcione para página de login 
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.