Jump to content
Jhonata Candido

Preenchimento automático formulário PHP MY SQL

Recommended Posts

Boa tarde amigos,

 

Não sei se meu código está correto, pois não consigo fazer com que os campos se preencham automaticamente a partir do número da conta, se puderem me ajudar agradeço.

Testes feitos: existe conexão com o banco, valores são apresentados via GET, porém não autocompleta os demais campos no arquivo pagesaidaassociado.php

Formulário (pagesaidaassociado.php) 

<form class="form-horizontal form-label-left input_mask" method="GET">

              <div class="col-md-2 col-sm-2 col-xs-6 form-group has-feedback">
                <input type="text" class="form-control has-feedback-left" id="conta" name="conta" placeholder="Conta">
                <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="inputSuccess3" id="nome" name="nome" placeholder="Nome">
                <span class="fa fa-user form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-4 col-sm-6 col-xs-6 form-group has-feedback">
                <input type="text" class="form-control has-feedback-left" id="cpf_cnpj" name="cpf_cnpj" placeholder="Cpf/Cnpj">
                <span class="fa fa-envelope form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="perfil" name="perfil" placeholder="Perfil">
                <span class="fa fa-phone form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="date" class="form-control has-feedback-left" id="dt_assoc" name="dt_assoc" placeholder="Data da Associação">
                <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="date" class="form-control" id="dt_encerr" name="dt_encerr" placeholder="Data de Encerramento">
                <span class="fa fa-user form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="date" class="form-control has-feedback-left" id="dt_encerr_capital" name="dt_encerr_capital" placeholder="Data Encerr. Capital">
                <span class="fa fa-envelope form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="funcionario" name="funcionario" placeholder="Funcionário">
                <span class="fa fa-phone form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control has-feedback-left" id="ano_base" name="ano_base" placeholder="Ano base Encerr.">
                <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="forma_pgto" name="forma_pgto" placeholder="Forma PGTO">
                <span class="fa fa-user form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control has-feedback-left" id="banco" name="banco" placeholder="Banco">
                <span class="fa fa-envelope form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="agencia" name="agencia" placeholder="Agência">
                <span class="fa fa-phone form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control has-feedback-left" id="tp_conta" name="tp_conta" placeholder="TP Conta">
                <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="conta_destino" name="conta_destino" placeholder="Nº Conta (Com dígito)">
                <span class="fa fa-user form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control has-feedback-left" id="cpf_cnpj_destino" name="cpf_cnpj_destino" placeholder="Cpf/Cnpj">
                <span class="fa fa-envelope form-control-feedback left" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="nome_destino" name="nome_destino" placeholder="Nome Completo">
                <span class="fa fa-phone form-control-feedback right" aria-hidden="true"></span>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                <input type="text" class="form-control" id="titularidade" name="titularidade" placeholder="Titularidade">
                <span class="fa fa-phone form-control-feedback right" aria-hidden="true"></span>
              </div>
              <div class="ln_solid"></div>
              <div class="form-group">
                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                  <button type="button" class="btn btn-primary">Cancel</button>
                  <button class="btn btn-primary" type="reset">Reset</button>
                  <button type="submit" class="btn btn-success">Submit</button>
                </div>
              </div>

            </form>

 

Consulta com o BD (consulta_autopreenchimento.php)

<?php
$conta = $_GET['conta'];

//Conexão com o Banco de Dados
require_once 'bdconexao.php';

//Informa a quantidade de contas a serem exibidas com seus respectivos saldos
$sql = "SELECT * FROM saida_de_associados WHERE conta = '$conta'";
$res = mysql_query($sql, $id) or die (mysql_error());
$query = mysql_fetch_array($res);


echo $query['nome'];
?>

 

Javascript (preenchimento_auto.js)

$("#conta").blur(function () {

  var conta = $(this).val();

  $.ajax({

    type: "GET",

    url: "consulta_autopreenchimento.php",

    data: "conta="+conta,

    success: function(pessoa){
      $("#nome").val(Pessoa);
    }

  });

});

 

Share this post


Link to post
Share on other sites
20 minutos atrás, Jhonata Candido disse:

success: function(pessoa){       $("#nome").val(Pessoa);     }

loga esse pessoa pra ver o que foi retornado: console.log(pessoa);

 

Ah! o sr. recebe pessoa, mas tenta usar Pessoa

pessoa != Pessoa

O último Pessoa inicia com letra maiúscula

Share this post


Link to post
Share on other sites
6 minutos atrás, tetsuo disse:

loga esse pessoa pra ver o que foi retornado: console.log(pessoa);

 

Ah! o sr. recebe pessoa, mas tenta usar Pessoa

pessoa != Pessoa

O último Pessoa inicia com letra maiúscula

$("#conta").blur(function () {

  var conta = $(this).val();

  $.ajax({

    type: "GET",

    url: "consulta_autopreenchimento.php",

    data: "conta="+conta,

    success: function(pessoa){
      $("#nome").val(pessoa.nome);
    }

  });

});

 Corrigido, porém ainda sem sucesso;

Share this post


Link to post
Share on other sites

Esse método get tá te retornando um json?
no console.log(pessoa) ele aparece como string ou como json?

Certifique-se de que existe apenas um único elemento html com id='nome'

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 SECONDSS
      boa noite, preciso entregar algumas questões até daqui a pouco,meu tempo está corrido e gostaria da ajuda de vocês para resolver essa questão. obrigado desde já!

      QUESTÃO 16 -

      Desenvolva um programa utilizando PHP e exibir os resultados desse programa que tenha todas as classes suficientes para que:
      Represente o nome completo de uma pessoa, composto de três strings (nome próprio, nome do meio e nome da família). 
      ATENÇÃO - 
      Escreva nessa classe o método rubrica que retorna somente as iniciais do nome completo em caracteres minúsculos, Escreva nessa classe o método assinatura que retorna as iniciais dos nomes próprio e do meio (com pontos) Escreva nessa classe um método que retorne o nome de família completo. Por exemplo, se o nome da pessoa representado por essa classe for “Jack Mill Dam”, o método rubrica deve retornar ”jmd” e o método assinatura deve retornar ”J.M. Dam”. Para facilitar, considere armazenar os três nomes em strings separadas.
    • By duarte.php
      Boa noite, pessoal, estou fazendo meu tcc (nível técnico kkk) e preciso de ajuda com uma conexão com o banco.
       
      Fiz um formulário para consultar empréstimos em uma biblioteca através do rm (id) e exibir os dados que estão cadastrados neste rm. 
      Estou com dificuldades para que os dados sejam puxados e exibidos na página. 
       
      Esta é a parte que pede o RM no html
      <h4 class="title">Insira o seu RM: </h4> <input type="text" name="rm" class="form-control" required/>  
      Este é o código php
      <?php $rm = $_POST['rm']; include("conecta.php"); $busca = mysql_query("SELECT * FROM tb_locador WHERE rm='$rm'"); $dado = mysql_fetch_array($busca); $nome = $dado['nome']; $ano = $dado['ano']; $curso = $dado['curso']; $tel = $dado['tel']; echo "RM: " . $rm . "<br>"; echo "Nome do locador: ".$nome. "<br>"; echo "Curso do locador: ".$curso. "<br>"; echo "Ano de início do curso: ".$ano. "<br>"; echo "Telefone do locador: ".$tel. "<br>"; ?> Até então, o único dado exibido é o RM, como faço para exibir o nome, curso, ano e telefone? 
       
    • By guzulino
      Então... eu preciso inserir uma paulada de dados em um banco de dados de vez em quando, eu até consigo importar de um CSV pro banco, mas eu preciso fazer isso através do php e eu não tenho nem ideia de como fazer isso, procurei por aqui e não achei, se alguém tem alguma resposta ou referência, manda o link que eu vou dar uma olhada. Valeu.
    • By Guss
      A programadora Cafiaspirina Cruz deseja que todos os elementos <h2> de sua página ganhassem a classe "titulo", para que depois a fonte dos <h2> pudesse ser modificada por um CSS,  deixando-os com um destaque específico. Escreva abaixo um código em Javascript para que todos os <h2> da página ganhem a classe "titulo" de uma única vez?
×

Important Information

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