none
Jquery funciona com textbox? (aspnet) RRS feed

  • Pergunta

  • Uso VS2010 aspnet 4

    tenho o seguinte script

    <script language="javascript" type="text/javascript">
            jQuery(function ($) {
                $("#TextCnpj").mask("99.999.999/9999-99");
            });  
        </script>

    <input id="TextCnpj" type="text" maxlength="18" runat="server" /><br />

    É possível usar com textbox em vez de input(text)

    quarta-feira, 28 de março de 2012 18:42

Respostas

  • Boa tarde.

    Segue exemplo:

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

    Referencia : http://social.msdn.microsoft.com/Forums/pt-BR/aspnetpt/thread/e6959620-95ee-424c-8618-9c02263e39a5/



    Consultoria .NET
    ANALISTA DESENVOLVEDOR
    Se esta sugestão for útil, por favor, classifique-a como útil.
    Se ela lhe ajudar a resolver o problema, por favor, marque-a como resposta.
    Blog .Net Descomplicado

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 18:55
  • Boa tarde

    <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(){
       //no click do botao bt_buscar ele valida se o campo txtbusca esta vazio e exibe uma mensagem na div com o id divMsg
       $("#<%=bt_buscar.ClientID %>").click(function(){
       
       if ($("#<%=txtbusca.ClientID %>").val()== "") 
       {
        $('#divMsg').show();
        return false;
       } 
       });
       });
     </script>


    Consultoria .NET
    ANALISTA DESENVOLVEDOR
    Se esta sugestão for útil, por favor, classifique-a como útil.
    Se ela lhe ajudar a resolver o problema, por favor, marque-a como resposta.
    Blog .Net Descomplicado

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 19:30
  • Caso o text seja asp:textbox ele cria um id diferente do que vc colocou, para contornar isso basta fazer assim.

      $(document).ready(function(){
       $("input[id$=IdTextBox]").click(function(){
       
       if ($("input[id$=IdTextBox]").val()== "") 
       {
        $('#divMsg').show();
        return false;
       } 
       });
       });

    dessa maneira vc pode importar o js normalmente.

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 20:02
  • fazer dessa forma.
    $(document).ready(function(){
       $("input[id$=idBtn]").click(function(){
      
      $.each("input", function(index, objeto){
       if ($(this).val() == "") 
       {
         alert("Digitar Campo!");
         $(this).focus();
         break;
       } 
      });
    });
    

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 22:28

Todas as Respostas

  • Boa tarde.

    Segue exemplo:

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

    Referencia : http://social.msdn.microsoft.com/Forums/pt-BR/aspnetpt/thread/e6959620-95ee-424c-8618-9c02263e39a5/



    Consultoria .NET
    ANALISTA DESENVOLVEDOR
    Se esta sugestão for útil, por favor, classifique-a como útil.
    Se ela lhe ajudar a resolver o problema, por favor, marque-a como resposta.
    Blog .Net Descomplicado

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 18:55
  • Olá Edson,

    Desculpe a ignorância mas não entendi bem como resolver o meu específico problema a partir da sua solução

    quarta-feira, 28 de março de 2012 19:28
  • Boa tarde

    <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(){
       //no click do botao bt_buscar ele valida se o campo txtbusca esta vazio e exibe uma mensagem na div com o id divMsg
       $("#<%=bt_buscar.ClientID %>").click(function(){
       
       if ($("#<%=txtbusca.ClientID %>").val()== "") 
       {
        $('#divMsg').show();
        return false;
       } 
       });
       });
     </script>


    Consultoria .NET
    ANALISTA DESENVOLVEDOR
    Se esta sugestão for útil, por favor, classifique-a como útil.
    Se ela lhe ajudar a resolver o problema, por favor, marque-a como resposta.
    Blog .Net Descomplicado

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 19:30
  • Caso o text seja asp:textbox ele cria um id diferente do que vc colocou, para contornar isso basta fazer assim.

      $(document).ready(function(){
       $("input[id$=IdTextBox]").click(function(){
       
       if ($("input[id$=IdTextBox]").val()== "") 
       {
        $('#divMsg').show();
        return false;
       } 
       });
       });

    dessa maneira vc pode importar o js normalmente.

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 20:02
  • Pessoal se eu precisar validar dois textbox´s no clique de um buttom,

    tenho que fazer dois script, um pra cada text? como faço

    quarta-feira, 28 de março de 2012 22:20
  • fazer dessa forma.
    $(document).ready(function(){
       $("input[id$=idBtn]").click(function(){
      
      $.each("input", function(index, objeto){
       if ($(this).val() == "") 
       {
         alert("Digitar Campo!");
         $(this).focus();
         break;
       } 
      });
    });
    

    • Marcado como Resposta Álvaro Luiz quinta-feira, 19 de abril de 2012 17:46
    quarta-feira, 28 de março de 2012 22:28
  • Olá Romy, 

    suponha que meus textbox´s chamem TexCPF, TexCNPJ, e o burtom se chama btnSalvar como ficaria

    quarta-feira, 28 de março de 2012 22:38