Jump to content

Archived

This topic is now archived and is closed to further replies.

asacap1000

preencher campo Input Text com javascript

Recommended Posts

Galera salve salve a todos.

Estou com um formulário que funciona da seguinte maneira, o cliente digita o CPF/CNH do motorista e os campos seguintes são carregados automáticamente,estas informações vem do banco de dados. Caso o motorista ainda não tenha cadastro os campos permanecerão em branco aguardando o preenchimento.

O que não estou conseguindo fazer é que as informações carreguem em um input text para uma possivel digitação no campo. Com o script que eu tenho só consigo trazer as informações se o campo for um <select name...>

Segue scripts:

Primeiro html:

<script type="text/javascript">
        $(document).ready(function(){
            $('#cpf').change(function(){
                $('#validade').load('validade.php?cpf='+$('#cpf').val() );

            });
        });
    </script>


<form id="form1" name="form1" method="post" action=">

<input name="cpf" id="cpf" class="maius" value="" width="15" />


<!--OS DOIS CAMPOS ABAIXO CARREGAM NORMALMENTE AS INFORMAÇÕES PORÉM SÃO SELECT-->
<select name="nome" id="nome"></select>
<select name="cnh" id="cnh" ></select>


<!--O CAMPO ABAIXO NÃO CARREGA INFORMAÇÃO ALGUMA QUANDO MUDO PARA SELECT ELE CARREGA -->
<input type="text" name="validade" id="validade"/>


Ele realiza a pesquisa na página validade.php via js

segue:

<?php
$cpf= $_GET ['cpf'];
$connect = oci_connect("user","senha","banco");  //banco de dados oracle  

//Primeiro select busca os dados do cliente
$stmt = ociparse($connect,"select dr.name NOME, dr.cpf CPF, dr.license CNH, dr.datum_valid VALIDADE
from driver dr WHERE (dr.cpf = '$cpf' or dr.license = '$cpf')");
oci_execute($stmt,OCI_DEFAULT);  
 
   while (oci_fetch($stmt)) {

//EU PRECISO DE ALGO PARECIDO COM ISSO MAS NÃO SEI SE ESTÁ CORRETO
   echo "<input type='text' value=" . ociresult($stmt,4) . ">";

//PARA OS CAMPOS SELECTS O FORMATO ABAIXO CARREGA NORMALMENTE
echo "<option value=" . ociresult($stmt,1) . "'>" . ociresult($stmt,4) . "</option>";

}

?>



Se alguem puder me dar uma força pra resolver, acredito que seja simples mas não consegui sair do lugar.

Obrigado por enquanto

Share this post


Link to post
Share on other sites

Bom dia,

recomendo você fazer isso com ajax Json e Jquery.

de uma pesquisada que voce consegue fazer isso facilmente.

Depois de alguns testes estou utilizando o Ajax agora como você me falou só estou com um pequeno problema.

vou colocar o scritp abaixo mais resumido

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="bibliotecaAjax.js"></script>
<script type="text/javascript" src="nome.js"></script>
<style type="text/css">
.maius
{
text-transform: uppercase;
}
</style>
<title>DADOS DO MOTORISTA</title>
</head>
<form action="javascript:void%200">
<label for="cnpj"><legend><strong>DIGITE O CPF OU CNH DO MOTORISTA APENAS NUMEROS</strong></label>
 <hr>
CPF/CNH:<input name="cpf" id="cpf" width="15"/>

NOME:<input name="nome" id="nome" type="text">
LICENCA:<input name="documento" id="documento" type="text">
VALIDADE:<input name="validade" id="validade" type="text">
<br />
<hr />
</form></legend>
</body>
</html>

que realiza este script

nome.js

//////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////BUSCA NOME MOTORISTA////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////

window.onload = function(){
	var cpf = document.getElementById("cpf");
	if(cpf != null)
		cpf.onblur = function() { traduz(cpf.value); }
}

function traduz(cpf){
	if(cpf) {
		var url="nome.php?nome="+encodeURIComponent(cpf);
		requisicaoHTTP("GET",url,true);
	}
}

function trataDados(){
	var info1 = ajax.responseText;  // obtém a resposta como string
	var resposta1 = document.getElementById("nome");
	resposta1.value = info1;
}



//////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////BUSCA DOCUMENTO////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////
function traduz(cpf){
	if(cpf) {
		var url="documento.php?documento="+encodeURIComponent(cpf);
		requisicaoHTTP("GET",url,true);
	}
}

function trataDados(){
	var info2 = ajax.responseText;  // obtém a resposta como string
	var resposta2 = document.getElementById("documento");
	resposta2.value = info2;
}



//////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////BUSCA VALIDADE////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////

function traduz(cpf){
	if(cpf) {
		var url="validade.php?validade="+encodeURIComponent(cpf);
		requisicaoHTTP("GET",url,true);
	}
}

function trataDados(){
	var info3 = ajax.responseText;  // obtém a resposta como string
	var resposta3 = document.getElementById("validade");
	resposta3.value = info3;
}

Assim ele chama cada página trazendo as informações, a consulta é realizada porém apenas o ultimo campo do formulário é preenchido que no caso é validade.

Se eu comentar o ultimo campo ele carrega no campo Documento os dados.

a consulta das páginas é realizada de uma froma simples apenas para conseguir trazer as informações segue exemplo:

<?php
$gmtDate = gmdate("D, d M Y H:i:s"); 
header("Expires: {$gmtDate} GMT"); 
header("Last-Modified: {$gmtDate} GMT"); 
header("Cache-Control: no-cache, must-revalidate"); 
header("Pragma: no-cache");
header("Content-Type: text/html; charset=ISO-8859-1");

// array de palavras
$palavras = array (
	"55346595309" => "NOME DO MOTORISTA"
);

$cpf = $_GET["cpf"];
if(isset($palavras[$cpf]))
	echo $palavras[$cpf];
else
	echo "NÃO ENCONTRADA";
?>

Saberia me dizer em que parte estou errando?

Share this post


Link to post
Share on other sites

Faz assim

fiz de cabeça, então pode não funcionar.

voce vai precisar alterar o seu nome.php pra retorna no formado JSON

e ao invés de $_get usa $_post no nome.php

$("#cpf").change(function() { //vai executar todas vez que o campo cpf sobre mudança	
var campoCpf = document.getElementById("cpf").value;	//pega o valor do campo cpf
			    $.ajax({	
		                type: "POST",
			        url : "nome.php",			    
			        dataType : "json",	
		                data: {cpf: campoCpf}, //envia pro php o cpf via post 
			        success : function(data){			       
			           
			           //vai preencher os campos com o resultado do php
			            $("#nome").value(data[0].nome);
                                   $("#nome").value(data[0].validade);
                                    $("#nome").value(data[0].documento);
			        }
			    });

Share this post


Link to post
Share on other sites

Faz assim

fiz de cabeça, então pode não funcionar.

voce vai precisar alterar o seu nome.php pra retorna no formado JSON

e ao invés de $_get usa $_post no nome.php

$("#cpf").change(function() { //vai executar todas vez que o campo cpf sobre mudança	
var campoCpf = document.getElementById("cpf").value;	//pega o valor do campo cpf
			    $.ajax({	
		                type: "POST",
			        url : "nome.php",			    
			        dataType : "json",	
		                data: {cpf: campoCpf}, //envia pro php o cpf via post 
			        success : function(data){			       
			           
			           //vai preencher os campos com o resultado do php
			            $("#nome").value(data[0].nome);
                                   $("#nome").value(data[0].validade);
                                    $("#nome").value(data[0].documento);
			        }
			    });

Mano agradeço a parceria, consegui resolver a bagaça com sua dica. Segue como ficou:

<script type="text/javascript">
 $(document).ready(function(){
    $("input[name='cpf']").blur(function(){
      var $nome = $("input[name='nome']");
      var $documento = $("input[name='documento']");
      var $validade = $("input[name='validade']");

       $nome.val('Carregando...');
       $documento.val('Carregando...');
       $validade.val('Carregando...');

        $.getJSON(
          'function.php',
          { cpf: $( this ).val() },
          function( json )
          {
            $nome.val( json.nome );
            $documento.val( json.documento );
            $validade.val( json.validade );
          }
        );
    });
  });
  </script>

Function.php

<?php

  function retorna( $cpf, $db )
  {
    $sql = "SELECT NAME nome, DOCUMENTO documento, date_format(DATE_VALIDADE,'%d/%m/%Y') validade
      FROM motorista WHERE `DOCUMENTO` = '$cpf' ";

    $query = $db->query( $sql );

    $arr = Array();
    if( $query->num_rows )
    {
      while( $dados = $query->fetch_object() )
      {
        $arr['nome'] = $dados->nome;
        $arr['documento'] = $dados->documento;
        $arr['validade'] = $dados->validade;
      }
    }
    else
      $arr['nome'] = 'não encontrado';

    return json_encode( $arr );
  }

/* que devolve os dados */
if( isset($_GET['cpf']) )
{
  $db = new mysqlI('localhost', 'root', 'senha', 'banco');
  echo retorna( filter ( $_GET['cpf'] ), $db );
}

function filter( $var ){
  return $var;
}

Share this post


Link to post
Share on other sites

  • Similar Content

    • By Sapinn
      Galera estou usando o PHPStorm para alguns projetos e estou com meus arquivos marcados em vermelho não sei oq é alguem pode me ajuda?
       
       

    • By danielambrosio
      Estou trabalhando numa programação PHP é conectado na tabela (cl_configs) para reconhece coluna name que reconhece esses 5 campos.
      e também que adiciona esses 5 valores é adicionado nessa outra tabela (cl_ads_block_ips) nesses 8 coluna (id, ip, clicks, last_click, dads_refresh_qtd, dads_refresh_data, dads_refresh_ldata, clicks_rotativo_dia).
      E a conexão que eu usa era de outro site e não estou tendo problema e configurar em outro site que reconhece essa banco de dados abaixo.
       
      <?php $host = "localhost"; $user = "ads"; $pass = "_CMpFF4Hpa!G_gTh"; $dbname = "ads"; $port = 3306; try {     $conn = new PDO('mysql:host=' . $host . ';port=' . $port . ';dbname=' . $dbname, $user, $pass);     //echo "Conexão com banco de dados realizado com sucesso!"; } catch (PDOException $err) {     echo "Erro: Conexão com banco de dados não foi realizada com sucesso. Erro gerado " . $err->getMessage(); } ?>  
      Conecta com sucesso só não está reconhecendo a tabela (cl_configs) e nem adicionando na tabela (cl_ads_block_ips).
       
       
      Agora não sei porque não esta reconhecendo (cl_configs) e nem adicionando (cl_ads_block_ips).
       
       


    • By ment0r
      Boa tarde a todos.

      Estou iniciando um estudo com o banco MySQL (trabalho co PostgreSQL e Firebird) para futuros trabalhos. Bom, me deparei com um problema chato: caracteres especiais.
      Um exemplo: T�tulo.
      Não consigo exibir no meu site tais caracteres. O banco tem Charset/Collation: utf8/utf8_bin como configuração.
      Já usei o utf_encode e utf_decode - não resolveu.

      Alguém sabe o que mais posso fazer?
      Desde já, muito obrigado.
    • By asacap1000
      Galera salve salve!!
      Estou com um projeto em que são armazenados vídeos, porém seguindo os requisitos exigidos, para visualizar e baixar esses vídeos eles tem que aparecer com numero de cadastro do usuário que está acessando no centro do video como uma marca d'agua.
       
      Para simplesmente aparecer na tela eu consigo fazer uma camada superior com css e apresentar os dados do usuário mas para baixar o vídeo ele já faz sem a marca.
       
      Vocês conhecem algum recurso pra adicionar essa marca? ela não pode ficar no arquivo original pois outros usuário poderão baixar com sua identificação na tela.
       
      Se alguem puder me dar um norte ajudaria muito
    • By marcelo.ourico
      Estou precisando fazer o envio de um XML via webservice. Estou utilizando PHP 7.4 e nuSoap.

      Porém esse XML de envio possui várias tags com hífen. Por exemplo <tag-name></tag-name>.
       
      Esse hífen tem sido um problema, principalmente por que eu não posso enviar o XML como string. Apenas como objeto. Então imaginem isso:
       
      $objeto = simplexml_load_string($string_xml);  
      Se simplesmente eu tentar resgatar o valor da TAG já dá erro...
       
      $campo1= $objeto->tag-name;
      O erro ocorre em função de que o hífen é um caractere reservado do PHP... Então como resolver?

      Independente disso, quando eu tento fazer o envio via nuSoap, também recebo erro abaixo:
      wsdl->getTypeDef('tag-name', 'http://xyz.abr...')
      wsdl->serializeType('tag-name', 'tag-name', Object(SimpleXMLElement), '

      Alguém já passou por isso? Sabe como resolver? Pode dar uma dica?
×

Important Information

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