Buscar informação no banco de dados

rcdesign · Novembro 1, 2007

Estou utilizando o Spry do Dreamweaver para validar os campos digitados no formulário, porém, além dessa validação, em alguns campos (CPF, CNPJ e login) eu preciso verificar o banco de dados pra checar se já existe algum cadastro com esses dados e não permitir cadastro duplicados com essas informações.

Com a utilização do Spry precisaria fazer essa verificação nos mesmos moldes, com ajax/javascript e on Blur, ou seja, assim que o usuário sair do campo.

A princípio eu teria 3 passos:

1. Adicionar a informação no campo para chamar a função javascript em on Blur;

2. A Função javascript acionaria o código php para fazer a verificação e retornar o resultado;

3. Em caso de existir valor semelhante mostrar a mensagem de erro.

Parece simples até, mas para os meus ínfimos conhecimentos, não consigo fazer.. procurei pela net e não achei nada que eu pudesse ou conseguisse adaptar.

Abaixo meu campo, como exemplo, do CPF - com a validação Spry e auto-formatação:

<span id="sprytextfield3">
	  <input name="acadind_cpf" type="text" id="acadind_cpf" size="15" maxlength="14" onkeypress="formatar_mascara(this, '###.###.###-##')" /> <a href="#" class="ajuda"><img src="img/ajuda.gif" alt="ajuda" width="16" height="16" border="0" /><span>use somente números.</span></a><span class="textfieldRequiredMsg"><img src="img/erro.gif" alt="erro" />O campo CPF está em branco.</span></span>

* como eu incluo o passo 1 e o 3?

* como seria a função para chamar a pág. PHP?

Para verificar a existência de determinado dado em PHP eu faria assim, se fosse após o submit do form:

<?php
$acadind_cpf = $_GET['acadind_cpf'];
$busca_cpf = mysql_query("SELECT * FROM cadastros WHERE acadind_cpf = '$acadind_cpf'");
$tem_cpf = mysql_num_rows($busca_cpf);
if ($tem_cpf) {
echo("<script>
alert(\"Já existe um cadastro com este CPF em nosso banco de dados\");
window.location = 'java script:history.back(-1)';
</script>"); 
break;
}
 ?>

Dessa forma, é claro funciona, mas aí eu teria que recarregar a página e usar session para o form trazer todos os dados digitados. Então, utilizando-se ajax/javascript esse código teria que ser alterado para voltar ao javascript retornar a mensagem de erro.

Bem, espero ter sido claro, mesmo porquê não sei se o raciocínio está correto em termos do caminho a percorer para realizar essa ação.

GuttoSP · Novembro 3, 2007

<script>
		function buscaCNPJ(valor) {	 
				url = "http://localhost/buscaCNPJ.php?cnpj="+valor;
				req = null; 
				// Procura por um objeto nativo (Mozilla/Safari) 
				if (window.XMLHttpRequest) { 
						req = new XMLHttpRequest(); 
						req.onreadystatechange = processReqChange; 
						req.open("GET",url,true); 
						req.send(null); 
						// Procura por uma versão ActiveX (IE) 
				}
				else if (window.ActiveXObject) { 
						req = new ActiveXObject("Microsoft.XMLHTTP"); 
						if (req) { 
								req.onreadystatechange = processReqChange; 
								req.open("GET",url,true); 
								req.send(); 
						} 
				} 
		} 

		function processReqChange() {
				// apenas quando o estado for "completado" 
				if (req.readyState == 4) {
						// apenas se o servidor retornar "OK"
						if (req.status == 200) { 
								// procura pela div id="pagina" e insere o conteudo 
								// retornado nela, como texto HTML 
								document.getElementById('aviso').innerHTML = req.responseText; 
						} 
						else { 
								alert("Houve um problema ao obter os dados:n" + req.statusText); 
						} 
				} 
		} 
</script>

<span id="sprytextfield3">
<input name="acadind_cpf" type="text" id="acadind_cpf" size="15" maxlength="14" onBlur="if (this.value != '') { buscaCNPJ(this.value); }" onkeypress="formatar_mascara(this, '###.###.###-##')" />
<a href="#" class="ajuda"><img src="img/ajuda.gif" alt="ajuda" width="16" height="16" border="0" />
<span>use somente números.</span></a>
<span class="textfieldRequiredMsg">
<div id="aviso" name="aviso"></div>
<img src="img/erro.gif" alt="erro" />O campo CPF está em branco.</span></span>

buscaCNPJ.php

<?php 
		header("Content-Type: text/html; charset=ISO-8859-1",true);
		require 'admin/config.php';
		if(!empty($_GET["cnpj"])) { 
				$cnpj = $_GET["cnpj"];
				$seleciona = "SELECT cnpj FROM tabela WHERE cnpj = '" . $cnpj . "' LIMIT 1";
				$resultado = mysql_query($seleciona) or die (mysql_error());
				$linhas = mysql_num_rows($resultado);
				if ($linhas != 0) {
						echo "Este CNPJ já está cadastrado no sistema, informe outro CNPJ";
				}
				else {
						echo "";
				}
		} 
		else {
				echo "<script>alert('ERRO!');</script>";
		}
?>

Não testei, apenas adaptei de um code existente. Se der erro posta aí.

rcdesign · Novembro 5, 2007

é.. pra mim tb está mostrando o mesmo erro... e ao que tudo indica esse erro é porquê o código não conseguiu acessar a tabela do banco de dados...

depois de vários testes alterando caminho do arquivo e do sql para a busca no bd essa mensagem sumiu, mas, em compensação, não deu a mensagem de erro dizendo que o documento já existia no bd...

GuttoSP · Novembro 5, 2007

Postem a estrutura da tabela e o script contendo o Select.

rcdesign · Novembro 5, 2007

busca_docs.php

<?php 
		require 'config.php';
		if(!empty($_GET["acadind_cpf"])) { 
				$acadind_cpf = $_GET["acadind_cpf"];
				$seleciona = "SELECT * FROM cadastros WHERE acadind_cpf = '" . $acadind_cpf . "' LIMIT 1";
				$resultado = mysql_query($seleciona) or die (mysql_error());
				$linhas = mysql_num_rows($resultado);
				if ($linhas != 0) {
						echo "Este CPF já está cadastrado em nosso sistema, não é permitido dois cadastros para o mesmo documento.";
				}
				else {
						echo "";
				}
		} 
		else {
				echo "<script>alert('ERRO!');</script>";
		}
?>

buscadocs.js

function buscaCPF(valor) {	 
				url = "busca_docs.php?acadind_cpf="+valor;
				req = null; 
				// Procura por um objeto nativo (Mozilla/Safari) 
				if (window.XMLHttpRequest) { 
						req = new XMLHttpRequest(); 
						req.onreadystatechange = processReqChange; 
						req.open("GET",url,true); 
						req.send(null); 
						// Procura por uma versão ActiveX (IE) 
				}
				else if (window.ActiveXObject) { 
						req = new ActiveXObject("Microsoft.XMLHTTP"); 
						if (req) { 
								req.onreadystatechange = processReqChange; 
								req.open("GET",url,true); 
								req.send(); 
						} 
				} 
		} 

		function processReqChange() {
				// apenas quando o estado for "completado" 
				if (req.readyState == 4) {
						// apenas se o servidor retornar "OK"
						if (req.status == 200) { 
								// procura pela div id="acadind_cpf" e insere o conteudo 
								// retornado nela, como texto HTML 
								document.getElementById('acadind_cpf').innerHTML = req.responseText; 
						} 
						else { 
								alert("Houve um problema ao obter os dados:" + req.statusText); 
						} 
				} 
		}

Estrutura BD // campo do CPF em destaque

-- Banco de Dados: `apee`
-- 

-- --------------------------------------------------------

-- 
-- Estrutura da tabela `cadastros`
-- 

CREATE TABLE `cadastros` (
  `id_cadastro` int(7) NOT NULL auto_increment,
  `tipo` varchar(11) NOT NULL default '',
  `ind_empresa` varchar(60) NOT NULL default '',
  `geral_nome` varchar(50) NOT NULL default '',
  `acadind_natural` varchar(50) NOT NULL default '',
  `ind_reg_crea` varchar(15) NOT NULL default '',
  `ind_ano_format` varchar(4) NOT NULL default '',
  `acad_ano_ingres` varchar(4) NOT NULL default '',
  `acadind_inst_ens` varchar(50) NOT NULL default '',
  `acad_curso` varchar(50) NOT NULL default '',
  `acad_periodo_atual` varchar(15) NOT NULL default '',
  `acadind_dt_nasc` varchar(10) NOT NULL default '0000-00-00',
  `geral_email` varchar(100) NOT NULL default '',
  `geral_email_alt` varchar(100) NOT NULL default '',
  `acadind_end_res` varchar(130) NOT NULL default '',
  `acadind_cep_res` varchar(9) NOT NULL default '',
  `acadind_cidade_res` varchar(50) NOT NULL default '',
  `acadind_estado_res` char(2) NOT NULL default '',
  `acadind_ddd` smallint(2) NOT NULL default '0',
  `acadind_telefone` varchar(12) NOT NULL default '',
  `acadind_cpf` varchar(20) NOT NULL default '',			  ========> Campo do CPF
  `corp_cnpj` varchar(20) NOT NULL default '',
  `corp_razao_social` varchar(150) NOT NULL default '',
  `corp_nome_fantasia` varchar(150) NOT NULL default '',
  `corp_insc_est` varchar(20) NOT NULL default '',
  `corp_crea_pr` varchar(15) NOT NULL default '',
  `corp_princ_ativ` text NOT NULL,
  `corp_repres_legal` varchar(50) NOT NULL default '',
  `ind_area_atua` varchar(50) NOT NULL default '',
  `corpind_end_com` varchar(130) NOT NULL default '',
  `corpind_cidade_com` varchar(50) NOT NULL default '',
  `corpind_estado_com` varchar(30) NOT NULL default '',
  `corpind_cep_com` varchar(9) NOT NULL default '',
  `corpind_ddd_com` char(2) NOT NULL default '',
  `corpind_telefone_com` varchar(10) NOT NULL default '',
  `userlog` varchar(15) NOT NULL default '',
  `vercodpass` varchar(50) NOT NULL default '',
  `geral_dddfax` smallint(2) NOT NULL default '0',
  `geral_fax` varchar(12) NOT NULL default '',
  `acadind_dddcel` smallint(2) NOT NULL default '0',
  `acadind_celular` varchar(12) NOT NULL default '',
  `corp_dir1_nome` varchar(50) NOT NULL default '',
  `corp_dir1_cargo` varchar(40) NOT NULL default '',
  `corp_dir1_curso` varchar(100) NOT NULL default '',
  `corp_dir1_dtconc` varchar(10) NOT NULL default '0000-00-00',
  `corp_dir1_instens` varchar(130) NOT NULL default '',
  `corp_dir1_regcrea` varchar(20) NOT NULL default '',
  `corp_dir1_titprof` text NOT NULL,
  `corp_dir2_nome` varchar(50) NOT NULL default '',
  `corp_dir2_cargo` varchar(40) NOT NULL default '',
  `corp_dir2_curso` varchar(100) NOT NULL default '',
  `corp_dir2_dtconc` varchar(10) NOT NULL default '0000-00-00',
  `corp_dir2_instens` varchar(130) NOT NULL default '',
  `corp_dir2_regcrea` varchar(20) NOT NULL default '',
  `corp_dir2_titprof` text NOT NULL,
  `corp_dir3_nome` varchar(50) NOT NULL default '',
  `corp_dir3_cargo` varchar(40) NOT NULL default '',
  `corp_dir3_curso` varchar(100) NOT NULL default '',
  `corp_dir3_dtconc` varchar(10) NOT NULL default '0000-00-00',
  `corp_dir3_instens` varchar(130) NOT NULL default '',
  `corp_dir3_regcrea` varchar(20) NOT NULL default '',
  `corp_dir3_titprof` text NOT NULL,
  `data_cad` datetime NOT NULL default '0000-00-00 00:00:00',
  `newsletter` smallint(1) NOT NULL default '0',
  `cod_ativacao` varchar(40) NOT NULL default '',
  `ativado` smallint(1) NOT NULL default '0',
  PRIMARY KEY  (`id_cadastro`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=12;

* em complemento.. sei que não precisava mandar a estrutura do BD inteira, mas foi só pra perceber o tamanho da encrenca... e ainda preciso fazer essa checagem no CPF, no CNPJ e no login... :(

GuttoSP · Novembro 5, 2007

Funcionando, a não ser pelos caracteres especiais que não estão sendo exibidos corretamente.

Acrescente esse code no início do busca_docs.php:

header("Content-Type: text/html; charset=ISO-8859-1",true);

Qual navegador e versão foi usado no seu teste?

rcdesign · Novembro 5, 2007

Gutto eu testei no FF 2.0, IE 6, IE 7 e Avant Browser e em nenhum deles funcionou, inclusive, tanto no IE quanto no Avant (que usa a engine do IE), após a saída do campo aparece mensagem de erro (aquela no canto inferior esquerdo) dizendo que deu "Erro em tempo de execução desconhecido"

GuttoSP · Novembro 5, 2007

Poste o code do seu form.

Está exibindo a mensagem "Erro em tempo de execução desconhecido" e também o alert com o erro? Ou apenas uma?

rcdesign · Novembro 5, 2007

só a mensagem de erro...

..parte do código do form..

<tr valign="top">
	<td>CPF:</td>
	<td><span id="sprytextfield3">
	  <input name="acadind_cpf" type="text" id="acadind_cpf" size="15" maxlength="14" onkeypress="formatar_mascara(this, '###.###.###-##')" onBlur="if (this.value != '') { buscaCPF(this.value); }" />
	  <span title="header=[<style='vertical-align:middle'>  CPF] body=[<img src='img/info.gif'> Use somente números.]" style="cursor:help"><img src="img/ajuda.gif" width="16" height="16" border="0" /></span>
	  <span class="textfieldRequiredMsg"><img src="img/erro.gif" alt="erro" />O campo CPF está em branco.</span></span>
   </td>
  </tr>

GuttoSP · Novembro 5, 2007

Existem dois elementos com a mesma id: acadind_cpf.

rcdesign · Novembro 5, 2007

Desculpe minha ignorância... não entendi.. onde??

GuttoSP · Novembro 5, 2007

O input do CPF e a DIV que recebe os dados do innerHTML, altere a id e name de um deles, pois os dois estão como acadind_cpf. Se for alterar a id da DIV, altere a referência na função js também.

rcdesign · Novembro 5, 2007

:unsure:

até entendi a colocação mas continuo sem saber onde alterar..

no form não posso mudar a id (id="acadind_cpf") porquê é através desse id que vai cadastrar no bd..

no .js (document.getElementById('acadind_cpf').innerHTML = req.responseText;) ele vai buscar a id acadind_cpf do form

no script php eu tenho:

if(!empty($_GET["acadind_cpf"])) {		  // ==> verifica se a variável está ou não vazia
				$acadindcpf = $_GET["acadind_cpf"];  // ==> chama
				$seleciona = "SELECT * FROM cadastros WHERE acadind_cpf = '" . $acadindcpf . "' LIMIT 1"; // ==> verifica o bd

eu fiz alguns testes alterando os nomes aqui e não deu certo.. me perdi....

GuttoSP · Novembro 5, 2007

Altere na função js:

document.getElementById('acadind_cpf').innerHTML = req.responseText;

Para...

document.getElementById('resultado_ajax').innerHTML = req.responseText;

E no HTML, altere:

<div id="acadind_cpf" name="acadind_cpf"></div>

Para...

<div id="resultado_ajax" name="resultado_ajax"></div>

rcdesign · Novembro 6, 2007

Gutto essa alteração não dá certo...

não posso alterar a id do campo no form senão não consigo cadastrar o parâmetro no banco de dados. Além disso essa alteração também não vai 'comunicar' com o código php que verifica se o campo acadind_cpf está preenchido, se alterar no form teria que alterar tb no php o que vai dar no mesmo.. vai ficar igual apenas com outro nome...

é claro que, para testar, eu fiz as alterações e o erro é mesmo. http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

GuttoSP · Novembro 6, 2007

Sugeri alterar o input ou a div, você testou com a alteração da div? Posta seu code completo, js, form e arquivo php.

rcdesign · Novembro 6, 2007

sim Gutto eu fiz vários testes com várias alterações... agora está assim:

cadastro_acad.php (trecho)

<tr valign="top">
	<td>CPF:</td>
	<td><span id="sprytextfield3">
	  <input name="verifica_cpf" type="text" id="vrifica_cpf" size="15" maxlength="14" onkeypress="formatar_mascara(this, '###.###.###-##')" onBlur="if (this.value != '') { buscaCPF(this.value); }" />
	  <span title="header=[<style='vertical-align:middle'>  CPF] body=[<img src='img/info.gif'> Use somente números.]" style="cursor:help"><img src="img/ajuda.gif" width="16" height="16" border="0" /></span>
	  <span class="textfieldRequiredMsg"><img src="img/erro.gif" alt="erro" />O campo CPF está em branco.</span></span>
   </td>
  </tr>

busca_docs.php

<?php 
	header("Content-Type: text/html; charset=ISO-8859-1",true);
		require 'config.php';
		if(!empty($_GET["verifica_cpf"])) { 
				$acadindcpf = $_GET["verifica_cpf"];
				$seleciona = "SELECT * FROM cadastros WHERE acadind_cpf = '" . $acadindcpf . "' LIMIT 0,1";
				$resultado = mysql_query($seleciona) or die (mysql_error());
				$linhas = mysql_num_rows($resultado);
				if ($linhas != 0) {
				echo "Este CPF já está cadastrado em nosso sistema, não é permitido dois cadastros para o mesmo documento.";
				}
				else {
				 echo "";
				}
		} 
		else {
				echo "<script>alert('ERRO!');</script>";
		}
?>

buscadocs.js

function buscaCPF(valor) {	 
				url = "busca_docs.php?verifica_cpf="+valor;
				req = null; 
				// Procura por um objeto nativo (Mozilla/Safari) 
				if (window.XMLHttpRequest) { 
						req = new XMLHttpRequest(); 
						req.onreadystatechange = processReqChange; 
						req.open("GET",url,true); 
						req.send(null); 
						// Procura por uma versão ActiveX (IE) 
				}
				else if (window.ActiveXObject) { 
						req = new ActiveXObject("Microsoft.XMLHTTP"); 
						if (req) { 
								req.onreadystatechange = processReqChange; 
								req.open("GET",url,true); 
								req.send(); 
						} 
				} 
		} 

		function processReqChange() {
				// apenas quando o estado for "completado" 
				if (req.readyState == 4) {
						// apenas se o servidor retornar "OK"
						if (req.status == 200) { 
								// procura pela div id="verifica_cpf" e insere o conteudo 
								// retornado nela, como texto HTML 
								document.getElementById('verifica_cpf').innerHTML = req.responseText; 
						} 
						else { 
								alert("Houve um problema ao obter os dados:" + req.statusText); 
						} 
				} 
		}

a propósito.. no campo do form não tem que ter um

<span id="verifica_cpf"></span>

ou qqr coisa assim pra receber o resultado da consulta?

GuttoSP · Novembro 6, 2007

Precisa de um elemento sim, pode ser

<div id="resultado_cpf"></div>

no JS altere também essa linha:

document.getElementById('resultado_cpf').innerHTML = req.responseText;

Agora posta o erro que está surgindo.

rcdesign · Novembro 6, 2007

hehehehe "agora posta o erro que está surgindo" foi boa...

de acordo com seu nick, você é, ou deve ser, de São Paulo.. se fosse de Curitiba te pagava, no mínimo, um almoço numa boa churrascaria!

além de saber o que faz, tem uma paciência de Jó....

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

deu um erro sim.. de 'headers already input....' foi só colocar ob_start no busca_docs.php e funcionou.. agora vou à batalha para fazer os outros dois campos e os outros dois formulários que site ainda tem...

Não tenho nem como agradeder toda a ajuda... valeu... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

GuttoSP · Novembro 6, 2007

Certo.

de acordo com seu nick, você é, ou deve ser, de São Paulo.. se fosse de Curitiba te pagava, no mínimo, um almoço numa boa churrascaria!

O SP foi como complemento, pois Gutto já estava em uso, sou de Brasília.

Poste o code para outros usuários. B)

Arquivado

Buscar informação no banco de dados

Recommended Posts

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

GuttoSP 2