Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

luanda

Exibir se dado já existe dentro do formulário

Recommended Posts

Eu fiz um sistema de cadastro que exibe se o username e o e-mail já foram cadastrando ou não, e caso seja, ele impede o cadastro. Mas eu gostaria que essa informação fosse exibida logo que o usuário pulasse para outro campo, sem precisar enviar todas as informações para receber este aviso. Já tentei com javascript, e também com jquery (o plugin de validação), mas como não uso bootstrap então fica difícil de fazer.

Formulário:

 

<!DOCTYPE HTML>
<html>
    <head lang="pt-br">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
        <link  rel="stylesheet" type="text/css" href="css/cadastro.css">
        <link  rel="stylesheet" type="text/css" href="css/cadastro_media.css">
        
        <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
        <script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"></script>
        
        <script type="text/javascript">
            $(document).ready(function(){
                $("#telefone").mask("(99) 99999-9999");
            });
        </script>

    </head>
    
    <body>
    
    <div id="content">

        <div class="box">

            <div class="title">CADASTRE-SE</div>

            <form id="form" name="form" method="post" action="php/inseri.php">

                <div class="input">
                    <input type="text" name="nome" id="nome" class="input-field" required="required"/>
                    <label for="nome" class="label-field">Nome <div>*</div></label>
                </div>

                <div class="input">
                    <input type="text" name="sobrenome" id="sobrenome" class="input-field"/>
                    <label for="sobrenome" class="label-field">Sobrenome</label>
                </div>

                <div class="input">
                    <input type="text" name="username" id="username" required="required" pattern="^[a-zA-Z0-9]+$" class="input-field"/>
                    <label for="username" class="label-field">Username <div>*</div></label>
                </div>

                <div class="input">
                    <input type="email" name="email" id="email" class="input-field" required="required"/>
                    <label for="email" class="label-field">E-mail <div>*</div></label>
                </div>

                <div class="input">
                    <input type="password" name="senha" id="senha" required="required" class="input-field"/>
                    <label for="senha" class="label-field">Senha <div>*</div></label>
                </div>

                <div class="input">
                    <input type="text" name="telefone" id="telefone" class="input-field"/>
                    <label for="telefone" class="label-field">Telefone</label>
                </div>
                
                <div style="color: #ff0000; font-size: 11px;">* Campos obrigatórios</div>
                <br/>

                <input type="submit" name="enviar" id="enviar" value="Enviar" />
            </form>
            
            <div class="submit">Já tem conta? <a href="login.php">Entre!</a></div>
        </div>
    </div>

    </body>

    <script>
        
        var input = document.getElementById('username');
        input.oninvalid = function(event) {
            event.target.setCustomValidity('Não é permitido o uso de caracteres especiais e espaço.');
        }
    </script>

    <script src="http://arquivos.weblibras.com.br/auto/wl-min.js"></script>
    <script>
    var wl = new WebLibras();
    </script>

</html>

Página de inserção:
 

<?php
    include "conexao.php";
?>

<?php

// captura dos dados digitados no formulário //
    $nome=$_POST ['nome'];
    $sobrenome=$_POST ['sobrenome'];
    $username=$_POST ['username'];
    $email=$_POST ['email'];
    $senha=$_POST ['senha'];
    $telefone=$_POST ['telefone'];

    $verifica_user = mysql_query("SELECT * FROM cadastro WHERE  username='$username' LIMIT 1") or die(mysql_error());
    $verifica_user = mysql_num_rows($verifica_user);

    $verifica_email = mysql_query("SELECT * FROM cadastro WHERE  email='$email' LIMIT 1") or die(mysql_error());
    $verifica_email = mysql_num_rows($verifica_email);

    if($verifica_user > 0){echo "Este user já está sendo utilizado!" ;
}elseif($verifica_email > 0){echo "Esse e-mail já está sendo utilizado!";}
    else{

    $sql = mysql_query("INSERT INTO cadastro (nome,sobrenome,username,email,senha,telefone)  VALUES ('$nome', '$sobrenome','$username','$email','$senha','$telefone')") or die(mysql_error());

    $resultado = mysql_query ($sql);
        header ("Location:../usuario/index.php");
    }
?>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não seria mais fácil, rápido, pratico simples, eficiente ... bla bla bla.

Só usar os recursos nativos do browser?

Ou seja no caso só usar o HTML e javascript.

 

Criei um exemplo aqui para o telefone, mas somente aceita telefones válidos do brasil, fmz?!

 

Spoiler

<style>
.input_valido:invalid:not(:placeholder-shown) {
	color:#f55555 !important;
	box-shadow: 0 0
}
.input_valido:valid:focus:not(:placeholder-shown){
	color:#2f7a00!important
}
</style>

<script>
function mascara(a, b) {
    c = a;
    d = b;
    setTimeout('obj()', 1);
}
function obj() {
    c.value = d(c.value);
}
function telefone(e) {
    e = e.replace(/\D/g, '');
    e = e.replace(/^(\d{2})(\d)/g, '($1) $2');
    e = e.replace(/(\d)(\d{4})$/, '$1-$2');
    return e;
}
</script>

<input type="text" class="input_valido"
maxlength="15"
placeholder="Telefone Aqui"
onkeypress="mascara(this, telefone)" onblur="clearTimeout()"
pattern="\([1-9]{2}\) [2-9][0-9]{3,4}-[0-9]{4}"
required />

 

 

Na verdade só o pattern já é o suficiente, pois ele passa uma expressão regular para somente aceitar um telefone válido, então enquanto não digitar o telefone corretamente o input é considerado inválido.

O javascript é só para dar um help para escrever o numero com formatação "certinha"

 

Não deixe de fazer a verificação desses campo quando submeter dos dados, lembre-se que qualquer pessoa pode abrir o inspetor e modificar a estrutura do jeito que quiser

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, plural, ativo. Nela tem cadastrado vários itens e seu respectivo plural. No campo ativo eu coloco a letra "S" para informar que esta palavra está ativa no sistema. Por exemplo: 1, casa, casas, S 2, mesa, mesas, S 3, cama, camas, S 4, moto, motos, S 5, rádio, rádios O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "variações" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, camas, moto 2, mesas, casas, radio 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela variações da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "casa". Preciso fazer com que o php me liste todos os registros da tabela "variações" que contenham a palavra "casa". Porém se tiver algum registro com a palavra "casas" também tem que ser listado. Neste caso ele irá encontrar dois registros. Agora eu preciso que o php verifique os demais itens e faça a listagem apenas dos item que estão ativos (que contenham um "S" no campo ativo. Neste caso ele irá encontrar apenas um registro, pois o segundo registro contém a palavra "rádio". E "rádio" não está ativo na tabela itens. Como faço isso?
×

Informação importante

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