Verificar se já existe o nome cadastro no banco de dados

[Jack Oliveira 1]

Boa noite pessoal

 

 

Quero fazer uma verificação em tempo real no banco de dados antes de clicar para cadastra, ver se o nome que esta no input name="nome_empresa_link"   ver se ele já existe no banco de dados. no caso so permitir preencher outro campos se o input que esta sendo verificado estiver correto ou seja tudo ok...

 

Lembrando este input ele é preenchido conforme é digitado no input name="nome_empresa"  Não sei se isso interfere ao fazer a verificação

 

HTML

       <div class="col-md-6">
        <div class="form-group">
         <label for="nome_empresa">Nome</label>
         <input type="text" autocomplete="off" id="nome_empresa" maxlength="100"  name="nome_empresa" class="form-control input_nome_empresa" required placeholder="Nome da Loja">
       </div>
     </div>


     <div class="col-md-6">
      <div class="form-group">
       <label for="nome_empresa_link">Url Amigavél</label> <em id="resposta"></em>
       <input type="text" autocomplete="off"  id="nome_empresa_link" name="nome_empresa_link" maxlength="100" class="form-control input_nome_empresa_link" required placeholder="/ Use maiúsculas, minúsculas e underline.">
       <?= $site; ?><span><em  style="color: green;" id="nome_empresa_link"></em>/</span>
     </div>
   </div>

No PHP fazer verificação fiz isso...

<?php
if(isset($_POST['nome_empresa_link']))
{
 $nome_empresa_link=$_POST['nome_empresa_link'];
$checkdata = DBCount('ws_empresa','nome_empresa_link',"WHERE nome_empresa_link = '{$nome_empresa_link}'");

if ($checkdata >= 0) {

  //echo "Um nome igual  este já esta sendo usado no sistema";
  swal('Atenção!!!', 'A URL AMIGAVÉL não disponivél para cadastro \n tente com outro nome!', 'warning', 'Fechar');
 }
 /*else
 {
  echo "<font color='green'>Disponivél...</font>";
 } */
 exit();
}
?>

No ajax fiz assim

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script language="javascript">
    var nome_empresa_link = $("#nome_empresa_link"); 
        nome_empresa_link.blur(function() { 
            $.ajax({ 
                url: 'notificacao/checkdata.php', 
                type: 'POST', 
                data:{"nome_empresa_link" : nome_empresa_link.val()}, 
                success: function(data) { 
                console.log(data); 
                data = $.parseJSON(data); 
                $("#resposta").text(data.nome_empresa_link);
            } 
        }); 
    }); 
</script>

Só que não retorna nada

 

 

[Omar~ 87]

Faça a leitura no banco de dados previamente e armazene todos nomes em um array.

Transforme esse array em string para ser usado no javascript.

No javascript converta essa string em array.

 

Ao submeter o formulário compare se o valor do input condiz com algum índice do array.

<?php
$nomes = [
    'Patinhas',
    'Luizionho',
    'Zezinho',
    'Gaguinho'
];
?>

<form method="POST" action="" id="id_do_formulario" onsubmit="return(salvarFormulario())">
    <input
        type="text"
        name="nome_empresa"
        id="nome_empresa"
        />
    <button>Enviar</button>
</form>

<script>
    var nomes = JSON.parse('<?= json_encode($nomes) ?>');

    function salvarFormulario() {
        var empresa = document.getElementById('nome_empresa').value.trim();
        if (nomes.includes(empresa)) {
            console.log('O nome ' + empresa + ' já existe');
        } else {
            console.log('O nome ' + empresa + ' não existe');
            document.getElementById('id_do_formulario').submit();
        }
        return (false);
    }
</script>