Ir para conteúdo
Artes Ussler

Verificar usuário

Por , em Javascript

Recommended Posts

Artes Ussler    1

Artes Ussler
Postado

Olá

 

Antes, devo mencionar que busquei na net essa solução, mas não achei nada. Talvez não estivesse usando os termos corretos na pesquisa.

 

O que preciso é bastante simples: verificar se um usuário, cadastrado no DB Mysql já existe, em tempo real. Algo assim:

 

NOME-DE-USUARIO.png.e61e706332452d7f64d2f04fd3e990bd.png

 

A mensagem abaixo apareceria, talvez, quando o foco saísse desse campo ou algo similiar.

 

Se alguém puder me indicar um tutorial para tal, eu fico grato.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Williams Duarte    431

Williams Duarte
Postado

Para verificar se um usuário já existe no banco de dados MySQL em tempo real e exibir uma mensagem assim que o foco sair do campo de entrada, você pode usar uma combinação de HTML, JavaScript (com jQuery ou Vanilla JS), e PHP para a comunicação com o banco de dados. Aqui está um passo a passo simples para fazer isso:

 

1. HTML

Crie um campo de entrada no HTML para o nome de usuário:
  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Verificação de Nome de Usuário</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form>
        <label for="username">Nome de Usuário:</label>
        <input type="text" id="username" name="username">
        <span id="username-message"></span>
    </form>

    <script src="check_username.js"></script>
</body>
</html>


2. JavaScript

Use JavaScript para verificar o nome de usuário assim que o foco sair do campo de entrada:

  

// check_username.js
$(document).ready(function() {
    $('#username').on('blur', function() {
        var username = $(this).val();
        if (username.length > 0) {
            $.ajax({
                url: 'check_username.php',
                type: 'POST',
                data: { username: username },
                success: function(response) {
                    $('#username-message').html(response);
                }
            });
        }
    });
});


3. PHP

Crie um script PHP para verificar o nome de usuário no banco de dados:

  

// check_username.php
<?php
$servername = "localhost";
$username = "seu_usuario";
$password = "sua_senha";
$dbname = "seu_banco_de_dados";

// Conectar ao banco de dados
$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Conexão falhou: " . $conn->connect_error);
}

if (isset($_POST['username'])) {
    $username = $_POST['username'];
    $sql = "SELECT * FROM users WHERE username = '$username'";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
        echo "Nome de usuário já existe.";
    } else {
        echo "Nome de usuário disponível.";
    }
}

$conn->close();
?>

Explicação:
 

HTML: Cria um formulário simples com um campo de entrada para o nome de usuário.

JavaScript: Usa jQuery para detectar quando o campo de entrada perde o foco (blur) e envia uma requisição AJAX para o script PHP.
 

PHP: O script PHP recebe o nome de usuário enviado, consulta o banco de dados MySQL e retorna uma mensagem indicando se o nome de usuário já existe ou está disponível.
 

Essa abordagem verifica o nome de usuário em tempo real e exibe uma mensagem apropriada assim que o usuário sai do campo de entrada. Se precisar de um tutorial mais detalhado, busque por termos como "AJAX username validation PHP MySQL".


Espero que isso ajude!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • evandrofelipe
      Como chamar funcao javascript que chama php e joga dentro de uma variavel?
      Por evandrofelipe
      Senhores, bom dia!
       
      Tenho a variável src abaixo que recebe o respectivo valor vindo de uma consulta em php.
      forma 1:
      sources: [{
                          src: "<?echo trim($valor["campo"]);?>",
                     }]
       
      eu não gostaria de deixar desta forma.
      gostaria que ela fosse preenchida em tempo de execução sem que aparecesse o real conteúdo dela.
       
      então pensei em fazer desta forma:
      forma 2:
      sources: [{
                          src: pegavalor(),
                      }]
       
      pegavalor() seria uma função em javascript que chamaria um arquivo em php que faria a consulta no banco de dados capturando o valor e retornando para esta função que por sua vez alimentaria a variável src. minha intenção seria que o sistema alimentasse a variável src em tempo de execução, forma 2, e não de forma fixa como mostrado no forma 1. 
       
      eu não tenho intimidade com javascript. 
       
      seria possível fazer desta forma?
       
      agradeço a quem puder ajudar.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito