I have a function that completes the tipo logradouro, endereço, bairro, cidade e estado
fields from the moment the user informs the cep
. But I have a mask in the zip field, and because the records in the database are missing characters, it does not return the data.
I have 2 doubts
1st: is it possible for me to fill in the fields from the zip code with a mask?
2nd: is it possible for me to bring up the fields of the database and as they are returned get the mask to be displayed with characters?
index.php
<script type='text/javascript'>
$(document).ready(function(){
$("input[name='cep']").blur(function(){
var $tipo_logr = $("input[name='tipo_logr']");
var $nome_logr = $("input[name='nome_logr']");
var $bairro = $("input[name='bairro']");
var $cidade = $("input[name='cidade']");
var $estado = $("input[name='estado']");
$.getJSON('function_func.php',{
cep: $( this ).val()
},function( json ){
$tipo_logr.val ( json.tipo_logr );
$nome_logr.val ( json.nome_logr );
$bairro.val ( json.bairro );
$cidade.val ( json.cidade );
$estado.val ( json.estado );
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#cep').mask('00000-000');
$('#fone').mask('0000-0000');
$('#fax').mask('0000-0000');
$('#data_nascimento').mask('00/00/0000');
});
</script>
<div class="col-lg-12">
<div class="col-lg-4"><!-- Inicio Input CEP -->
<label for="ex1">Cep: </label>
<input type="text" class="form-control" id='cep' name='cep' maxlength='8' placeholder='_____-___'><br>
</div><!-- Fim Input CEP -->
<div class="col-lg-8"><!-- Inicio Input Tipo Logradouro -->
<label for="ex1">Tipo Logradouro: </label>
<input class="form-control" type="text" name="tipo_logr" maxlength='4'><br>
</div><!-- Fim Input Tipo Logradouro -->
</div>
<div class="col-lg-12">
<div class="col-lg-12"><!-- Inicio Input Endereco -->
<label for="ex1">Endereço: </label>
<input type="text" class="form-control" name="nome_logr" maxlength='40'><br>
</div><!-- Fim Input Endereco -->
</div>
<div class="col-lg-12">
<div class="col-lg-12"><!-- Inicio Input Bairro -->
<label for="ex1">Bairro: </label>
<input type="text" class="form-control" name="bairro" maxlength='30'><br>
</div><!-- Fim Input Bairro -->
</div>
<div class="col-lg-12">
<div class="col-lg-8"><!-- Inicio Input Cidade-->
<label for="ex1">Cidade: </label>
<input type="text" class="form-control" name="cidade" maxlength='30'><br>
</div><!-- Fim Input Cidade -->
<div class="col-lg-4"><!-- Inicio Input Estado -->
<label for="ex1">Estado: </label>
<input name="estado" type="text" class="form-control" name="estado" maxlength='2'><br>
</div><!-- Fim Input Estado -->
</div>
function_func.php
<?php
include_once("conn.php");
function ret($cep, $conn){
$result = "SELECT * FROM cadcep WHERE cep = '$cep' LIMIT 1";
$resultado = $conn->query($result);
// DECLARA A VARIAVEL
$valores = array();
if($resultado){
$row = mysqli_fetch_assoc($resultado);
$valores['tipo_logr'] = $row['tipo_logr'];
$valores['nome_logr'] = $row['nome_logr'];
$valores['bairro'] = $row['bairro'];
$valores['cidade'] = $row['cidade'];
$valores['estado'] = $row['estado'];
} else {
return json_encode(array( 'error' => mysqli_error($conn) ));
}
return json_encode($valores);
}
if(isset($_GET['cep'])){
echo ret($_GET['cep'], $conn);
}
?>