none
Validação de Formulário com jQuery RRS feed

  • Pergunta

  • Olá Srs, preciso da ajuda de vocês.

    Seguinte, tenho um formulário de cadastro em asp.Net C#, e estou precisando validar os campos de texto. Fiz a rotina em jQuery porém não está funcionando.

    Código jQuery:

    $(document).ready(function(){
        $("#btnSalva").click(function(){
           if("#txtHora").val()==""){
             alert("Favor informar a Hora!");
             return false;
           }
      });
    });
    A validação não está acontecendo como deveria.

    sexta-feira, 5 de junho de 2015 11:47

Respostas

  • Boa noite pessoal!

    Bem, agradeço muito a ajuda de todos, mais a solução que encontrei para meu problema foi essa:

    $(document).ready(function () {
        $('#MainContent_btnSalva').click(function () {
            if ($('#MainContent_txtHora').val() == "") {
                alert("Favor informar a Hora!");
                return false;
            }
        });
    });

    Alguém se arrisca a dar algum palpite? Depois de muita raiva e pesquisa, verifiquei o id do elemento na página e testei, deu certo!

    Valeu!

    • Marcado como Resposta Farias-BH sábado, 6 de junho de 2015 02:17
    sábado, 6 de junho de 2015 02:16

Todas as Respostas

  • Lúcio, me desculpe, escrevi aqui no fórum errado! :(

    O código possui o $ no lugar onde você informou. De qualquer forma, obrigado pela atenção. 

    Uma informação que não sei se vai fazer diferença, mais este botão que dispara o evento click é um Linkbuton, tem alguma forma diferente de fazer isso?



    • Editado Farias-BH sexta-feira, 5 de junho de 2015 13:49
    sexta-feira, 5 de junho de 2015 13:45
  • Esse campo tem máscara? se sim precisa ver se a máscara não esta sendo passada, coloca um alert para ver realmente o que esta sendo passado.

    $(document).ready(function(){
    	$("#btnSalva").click(function(){
    	alert($("#txtHora").val());
    		if($("#txtHora").val()==""){
    			alert("Favor informar a Hora!");
    			return false;
    		}
    	});
    });

     

    Se foi resolvido clique "Marcar como resposta" e se foi útil "Votar como Útil"

    sexta-feira, 5 de junho de 2015 14:02
  • Sim, possui máscara. Não tinha me atentado para isso. Mais isso pode influenciar? Vou fazer alguns testes, retirar a máscara pra ver o que acontece...
    sexta-feira, 5 de junho de 2015 14:08
  • Sim, isso pode influenciar quando executar o valor do #txtHora será  __:__

    Você também deve se atentar para o que o Lucio Rogerio disse.


    Se foi resolvido clique "Marcar como resposta" e se foi útil "Votar como Útil"


    sexta-feira, 5 de junho de 2015 14:12
  • Na realidade a máscara não fica visível ao carregar a página. A máscara é acrescentada no evento onkeyup, sou seja, somente quando o cursor está naquele campo. Vou fazer da forma que o Lucio sugeriu e posto o resultado.

    Valeu!

    sexta-feira, 5 de junho de 2015 14:24
  • Lucio,

    Ao carregar a página, verifiquei que o jqyery dá erro na parte do código: 

    #<%=btnSalva.ClientID%>

    dá uma mensagem de que isso não é reconhecido.

    Agora fala que não está reconhecendo o $. E pra piorar a referência ao jquery está correta, refiz ela três vezes e continua dando o erro.

    Estou fazendo as referências na MasterPage,  e nas demais páginas estou referenciando ela.

    sexta-feira, 5 de junho de 2015 16:39
  • Tenta assim.

    $(document).ready(function(){
         $('#' + '<%= btnSalva.ClientID %>').click(function() {
    	 if($('#'+'<%= txtHora.ClientID%>').val()==""){
    			alert("Favor informar a Hora!");
    			return false;
    		}
    	});
    });
    


    Se foi resolvido clique "Marcar como resposta" e se foi útil "Votar como Útil"

    sexta-feira, 5 de junho de 2015 17:01
  • Creio que assim também funcione:

    $(document).ready(function(){
         $('#<%= btnSalva.ClientID %>').click(function() {
    	 if($('#<%= txtHora.ClientID%>').val()==""){
    			alert("Favor informar a Hora!");
    			return false;
    		}
    	});
    });
    


    Se foi resolvido clique "Marcar como resposta" e se foi útil "Votar como Útil"

    sexta-feira, 5 de junho de 2015 17:08
  • Boa noite pessoal!

    Bem, agradeço muito a ajuda de todos, mais a solução que encontrei para meu problema foi essa:

    $(document).ready(function () {
        $('#MainContent_btnSalva').click(function () {
            if ($('#MainContent_txtHora').val() == "") {
                alert("Favor informar a Hora!");
                return false;
            }
        });
    });

    Alguém se arrisca a dar algum palpite? Depois de muita raiva e pesquisa, verifiquei o id do elemento na página e testei, deu certo!

    Valeu!

    • Marcado como Resposta Farias-BH sábado, 6 de junho de 2015 02:17
    sábado, 6 de junho de 2015 02:16
  • O código que passei acima era pra funcionar pois testei aqui e deu certo.

    Se foi resolvido clique "Marcar como resposta" e se foi útil "Votar como Útil"

    sábado, 6 de junho de 2015 04:14