Jump to content

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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!

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 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.
×

Important Information

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