none
Alerta em Jquery para validação de um TextBox RRS feed

  • Pergunta

  • Meu código no APSX está assim...

     

    <script type="text/javascript">
            $(document).ready(function() {
            $("#bt_buscar").click(function() {
            
              alert('Insira um registro!');
            });
            });
            </script>
           

     

    Porém, eu quero que o alerta só apareça ao clicar no Botão (bt_buscar) se o meu "txtbusca" estiver vazio..

    Caso contrário realizar a busca normalmente.

    terça-feira, 25 de maio de 2010 14:37

Respostas

  • Assim amigo:

     

      <script type="text/javascript" src="JS/jquery-1.4.2.min.js"></script>
      <script type="text/javascript" src="JS/jquery.validate.js"></script>
      
      <script type="text/javascript"> 
       $(document).ready(function(){
       $("#<%=bt_buscar.ClientID %>").click(function(){
       
       if ($("#<%=txtbusca.ClientID %>").val()== "") 
       {
        $('#divMsg').show();
        return false;
       } 
       });
       });
     </script>


    msn: poseidonfba@hotmail.com
    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:53
    terça-feira, 25 de maio de 2010 14:59
  • Coloque return false; depois do alert, veja no meu codigo
    msn: poseidonfba@hotmail.com
    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:20
    • Não Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:43
    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:50
    terça-feira, 25 de maio de 2010 15:18
  • Opa, desculpa..

    Me equivoquei, o código está corretissimo mesmo.

     

    Valeu !

    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:51
    terça-feira, 25 de maio de 2010 15:50

Todas as Respostas

  • Alguém? =/
    terça-feira, 25 de maio de 2010 14:51
  • Assim amigo:

     

      <script type="text/javascript" src="JS/jquery-1.4.2.min.js"></script>
      <script type="text/javascript" src="JS/jquery.validate.js"></script>
      
      <script type="text/javascript"> 
       $(document).ready(function(){
       $("#<%=bt_buscar.ClientID %>").click(function(){
       
       if ($("#<%=txtbusca.ClientID %>").val()== "") 
       {
        $('#divMsg').show();
        return false;
       } 
       });
       });
     </script>


    msn: poseidonfba@hotmail.com
    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:53
    terça-feira, 25 de maio de 2010 14:59
  • Ai na tua div tu faz tua css como quiser:

     

    <div id="divMsg" style="display: none;">Preencha o campo texto</div>


    msn: poseidonfba@hotmail.com
    terça-feira, 25 de maio de 2010 15:00
  • ´Fique só em uma thread amigo

    msn: poseidonfba@hotmail.com
    terça-feira, 25 de maio de 2010 15:03
  • Consegui..

     

    Botei só o:

     

    <script type="text/javascript">
            $(document).ready(function() {
                $("#bt_buscar").click(function() {
                    if ($("#txtbusca").val() == "")
                        alert('Insira um registro!');
                });
            });
        </script>

    terça-feira, 25 de maio de 2010 15:06
  • Cuidado com os nomes fixos, se tiver dentro de uma masterpage ou webusercontrol pode gerar erro.

    msn: poseidonfba@hotmail.com
    terça-feira, 25 de maio de 2010 15:07
  • Mais uma coisa, pode me ajudar...

     

    Agora eu tenho 2 TextBox e 1 botão INCLUIR no Gridview !

     

      <script type="text/javascript">
        $(document).ready(function() {
          $("#bt_incluir").click(function() {
            if ($("#txtnome").val() == "" && $("#txtvalor").val() == "") {
              alert('Preencha os campos NOME E VALOR!');
            }
          });
        });
      </script>

     

    Se os 2 estiverem em branco não deixar incluir, porém, está incluindo mesmo assim, a mensagem aparece certinha se os estiverem em Branco como eu queria, mas a inclusão em branco é feita de qualquer jeito...

     

    Como arrumo isso?

    terça-feira, 25 de maio de 2010 15:15
  • Coloque return false; depois do alert, veja no meu codigo
    msn: poseidonfba@hotmail.com
    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:20
    • Não Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:43
    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:50
    terça-feira, 25 de maio de 2010 15:18
  • Perfeito !

     

    Deu certo, obrigado;

    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:21
    • Não Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:43
    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:43
    • Não Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:43
    terça-feira, 25 de maio de 2010 15:21
  • TA DANDO ERRO !

     

    com esse "return false;" agora, eu não consigo mais incluir nenhum valor, mesmo com os 2 campos preenchidos !

    terça-feira, 25 de maio de 2010 15:38
  • Amigo o código acima está correto, tu tens que ver se tu esta preenchendo os textboxs correto.

    Testei aqui numa pagina com dois textbox, um botão e funcionou perfeitamente


    msn: poseidonfba@hotmail.com
    terça-feira, 25 de maio de 2010 15:47
  • Opa, desculpa..

    Me equivoquei, o código está corretissimo mesmo.

     

    Valeu !

    • Marcado como Resposta Progamador.C terça-feira, 25 de maio de 2010 15:51
    terça-feira, 25 de maio de 2010 15:50