Preencher formulário automaticamente
Bom dia, pessoal!
Sou novo no fórum e tenho pouca experiência em PHP.
**Problema**: Estou montando uma tela de consulta, onde faço a pesquisa em um campo, consulta o banco de dados e através de um select o sistema me mostra os dados na mesma tela.
Preciso que ao clicar em **buscar**, seja retornado o formulário igual em **altdados.html **preenchido automaticamente.
Ps: Já tentei usar o ajax, sem sucesso.
Fico no aguardo, obrigado desde já!
Abraços!
Segue abaixo os códigos **consulta.php **e **altdados.htmlb **.
**consulta.php**
Spoiler<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="../css/cadastro.css">
<script type="text/javascript" src="../js/cadastro.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div class="panel panel-primary">
<div class="panel-body">
<div class="form-group">
<div class="form-group">
<div class="col-md-4 control-label">
<img id="logo" src="../img/logo.jpg">
</div>
<div align="right" class="col-md-11 control-label">
<p class="help-block"><h11>*</h11> (Campo Obrigatório) </p>
</div>
</div>
<div class="container">
<div id="newpost">
<div class="form-group">
<div class="col-md-4 control-label">
<h3>Consulta BA/BE</h3>
</div>
</div>
</div><!-- Text input-->
<div class="form-control">
<form class="form-horizontal" name="frmBusca" method="post" action="<?php echo $_SERVER['PHP_SELF']?>?a=buscar" >
<label class="col-md-2 control-label" for="Nome">BA:<h11>*</h11></label>
<div class="col-md-2">
<input type="text" id="palavra" name="palavra" placeholder="XX-0000" class="form-control input-md" required="" maxlength="7" OnKeyPress="formatar('##-####', this)">
</div>
</div>
</div><!-- Button (Double) -->
<div align= "center" class="form-group">
<label class="col-md-2 control-label" for="Consultar"></label>
<div class="col-md-8">
<button id="buscar" name="Buscar" class="btn btn-success" type="Submit" valor="Buscar">Buscar</button>
<button id="cancelar" name="Cancelar" class="btn btn-danger" type="Reset" onClick="history.go(-1)">Voltar</button>
</div>
</div>
</div>
</div>
<?php//conexao com o banco//
$host="localhost";
$user="root";
$pass="";
$banco="cadastro";
$conexao=mysql_connect("localhost", "root", "")or die(mysql_error);;
$db=mysql_select_db("cadastro",$conexao)or die(mysql_error);
//echo "CADASTRADO COM SUCESSO!"// Recuperamos a ação enviada pelo formulário
if(isset($_GET['a'])){
$a = $_GET['a'];}else{
$a = "";
}// Verificamos se a ação é de busca
if ($a == "buscar") {
// Pegamos a palavra
$palavra = trim($_POST['palavra']);
// Verificamos no banco de dados cadastro equivalente a palavra digitada
$sql = mysql_query("SELECT * FROM usuario WHERE ba LIKE '%".$palavra."%' ORDER BY ba");
// Descobrimos o total de registros encontrados
$numRegistros = mysql_num_rows($sql);
// Se houver pelo menos um registro, exibe-o
if ($numRegistros != 0) {
// Exibe os produtos e seus respectivos preços
while ($usuario = mysql_fetch_object($sql)) {
echo "USUÁRIO"." <br/>";
echo $usuario->nome ." || CPF: ".$usuario->cpf." <br />";
echo "Data de Nascimento: ".$usuario->dtnasc ." || Sexo: ".$usuario->sexo." <br />";
echo $usuario->estadocivil ." || Escolaridade: ".$usuario->escolaridade." <br />";
echo "N° CNH: ".$usuario->cnh ." || Data da CNH: ".$usuario->dtcnh." <br />";
echo "Telefone: ".$usuario->telefone ." || Celular: ".$usuario->celular." <br />";
echo "E-mail: ".$usuario->email." <br />";
echo "CEP: ".$usuario->cep ." || Rua: ".$usuario->rua." <br />";
echo "N°: ".$usuario->numero ." || Bairro: ".$usuario->bairro." <br />";
echo $usuario->cidade ." || ".$usuario->estado." <br />";
}// Se não houver registros
} else {
echo "Nenhum Autorizatário foi encontrado com o: ".$palavra."";
}}
?>
</form>
</fieldset>
<footer align="right" class="footer"> Por Jhohannes S. Freitas
</footer>
</body>
</html>
**altdados.html**
Spoiler<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="../css/cadastro.css">
<script type="text/javascript" src="../js/cadastro.js"></script>
</head>
<body>
<form class="form-horizontal">
<fieldset>
<div class="panel panel-primary">
<div class="panel-body">
<div class="form-group">
<div class="form-group">
<div class="col-md-4 control-label">
<img id="logo" src="../img/logo.jpg">
</div>
<div align="right" class="col-md-11 control-label">
<p class="help-block"><h11>*</h11> (Campo Obrigatório) </p>
</div>
</div>
<div class="container">
<div id="newpost">
<div class="form-group">
<div class="col-md-4 control-label">
<h3>Alteração de dados</h3>
</div>
</div>
</div><!-- Text input-->
<div class="form-control">
<label class="col-md-1 control-label" for="Nome">Nome:<h11>*</h11></label>
<div class="col-md-6">
<input id="Nome" name="Nome" placeholder="" class="form-control input-md" required="" type="text">
</div><!-- Text input-->
<label class="col-md-1 control-label" for="Nome">CPF: <h11>* </h11></label>
<div class="col-md-2">
<input id="cpf" name="cpf" placeholder="Apenas números" class="form-control input-md" required="" type="text" maxlength="14" pattern="[0-9]+$" OnKeyPress="formatar('###.###.###-##', this)">
</div>
<label class="col-md-1 control-label" for="Nome">Nascimento:<h11>*</h11></label>
<div class="col-md-2">
<input id="dtnasc" name="dtnasc" placeholder="DD/MM/AAAA" class="form-control input-md" required="" type="text" maxlength="10" OnKeyPress="formatar('##/##/####', this)" onBlur="showhide()">
</div><!-- Multiple Radios (inline) -->
<label class="col-md-1 control-label" for="radios">Sexo:<h11>*</h11></label>
<div class="col-md-4">
<label required="" class="radio-inline" for="radios-0" >
<input name="sexo" id="sexo" value="feminino" type="radio" required>
Feminino
</label>
<label class="radio-inline" for="radios-1">
<input name="sexo" id="sexo" value="masculino" type="radio">
Masculino
</label>
</div>
<label class="col-md-1 control-label" for="Estado Civil">Estado Civil: <h11>*</h11></label>
<div class="col-md-2">
<select required id="Estado Civil" name="Estado Civil" class="form-control">
<option value=""></option>
<option value="Solteiro(a)">Solteiro(a)</option>
<option value="Casado(a)">Casado(a)</option>
<option value="Divorciado(a)">Divorciado(a)</option>
<option value="Viuvo(a)">Viuvo(a)</option>
</select>
</div>
<label class="col-md-1 control-label" for="selectbasic">Escolaridade:<h11>*</h11></label>
<div class="col-md-3">
<select required id="escolaridade" name="escolaridade" class="form-control">
<option value=""></option>
<option value="Analfabeto">Analfabeto</option>
<option value="Fundamental Incompleto">Fundamental Incompleto</option>
<option value="Fundamental Completo">Fundamental Completo</option>
<option value="Médio Incompleto">Médio Incompleto</option>
<option value="Médio Completo">Médio Completo</option>
<option value="Superior Incompleto">Superior Incompleto</option>
<option value="Superior Completo">Superior Completo</option>
</select>
</div>
<label class="col-md-1 control-label" for="Nome">Nº CNH:<h11>*</h11></label>
<div class="col-md-2">
<input id="cnh" name="cnh" placeholder="Apenas números" class="form-control input-md" required="" type="text" maxlength="11" pattern="[0-9]+$">
</div>
<label class="col-md-1 control-label" for="Nome">Val. CNH:<h11>*</h11></label>
<div class="col-md-2">
<input id="dtcnh" name="dtcnh" placeholder="DD/MM/AAAA" class="form-control input-md" required="" type="text" maxlength="10" OnKeyPress="formatar('##/##/####', this)" onBlur="showhide()">
</div><!-- Prepended text-->
<label class="col-md-1 control-label" for="prependedtext">Telefone:</label>
<div class="col-md-2">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
<input id="prependedtext" name="prependedtext" class="form-control" placeholder="XX XXXX-XXXX" required="" type="text" maxlength="12" pattern="\[0-9]{2}\ [0-9]{4,6}-[0-9]{3,4}$"
OnKeyPress="formatar('## ####-####', this)">
</div>
</div>
<label class="col-md-1 control-label" for="prependedtext">Celular:<h11>*<h11></label>
<div class="col-md-2">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
<input id="prependedtext" name="prependedtext" class="form-control" placeholder="XX XXXXX-XXXX" type="text" maxlength="13" pattern="\[0-9]{2}\ [0-9]{4,6}-[0-9]{3,4}$"
OnKeyPress="formatar('## #####-####', this)">
</div>
</div><!-- Prepended text-->
<label class="col-md-1 control-label" for="prependedtext">Email:<h11>*</h11></label>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
<input id="prependedtext" name="prependedtext" class="form-control" placeholder="email@email.com" required="" type="text" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" >
</div>
</div>
</div><!-- Search input-->
<div class="row">
<label class="col-md-1 control-label" for="CEP">CEP:<h11>*</h11></label>
<div class="col-md-2">
<input id="cep" name="cep" placeholder="Apenas números" class="form-control input-md" required="" value="" type="search" maxlength="9" pattern="[0-9]+$" OnKeyPress="formatar('#####-###', this)">
</div>
<div class="col-md-2">
<button type="button" class="btn btn-primary" onclick="pesquisacep(cep.value)">Pesquisar</button>
</div>
</div><!-- Prepended text-->
<div class ="form-group">
<label class="col-md-2 control-label" for="prependedtext">Endereço:</label>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Rua</span>
<input id="rua" name="rua" class="form-control" placeholder="" required="" readonly="readonly" type="text">
</div>
</div>
<div class="col-md-2">
<div class="input-group">
<span class="input-group-addon">Nº <h11>*</h11></span>
<input id="numero" name="numero" class="form-control" placeholder="" required="" type="text">
</div>
</div>
<div class="col-md-3">
<div class="input-group">
<span class="input-group-addon">Bairro</span>
<input id="bairro" name="bairro" class="form-control" placeholder="" required="" readonly="readonly" type="text">
</div>
</div>
<label class="col-md-2 control-label" for="prependedtext"></label>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Cidade</span>
<input id="cidade" name="cidade" class="form-control" placeholder="" required="" readonly="readonly" type="text">
</div>
</div>
<div class="col-md-2">
<div class="input-group">
<span class="input-group-addon">Estado</span>
<input id="estado" name="estado" class="form-control" placeholder="" required="" readonly="readonly" type="text">
</div>
</div>
</div>
</div>
<div align= "center" class="form-group">
<label class="col-md-2 control-label" for="Alterar"></label>
<div class="col-md-8">
<button id="Cadastrar" name="Cadastrar" class="btn btn-success" type="Submit">Alterar</button>
<button id="Cancelar" name="Cancelar" class="btn btn-danger" value="voltar" onClick="history.go(-1)">Voltar</button>
</div>
</div>
</div>
</div>
</fieldset>
</form>
<footer align="right" class="footer"> Por Jhohannes S. Freitas
</footer>
</body>
</html>Discussão (0)
Carregando comentários...