none
validar textboxs asp.net com javascript RRS feed

  • Pergunta


  • Olá,

    Tenho um codigo em javascript que verifica as tetboxs que estão vazias. Eu quero utilizar o css para pintar as textboxs.

    <script type="text/javascript" lang="javascript"> function validar(id) { var array = []; var msg = ''; getInputs(document, array); for (var i = 0; i < array.length; i++) { if (trim(array[i].value) == '') {

    -------------------- aqui para pintar as textboxs ----------------------------------- $('#erroEmail').fadeIn('slow'); $('.rpt input[type=text]').css({ "border": "1px solid red", "background": "#FFCECE" }); return false;

    ------------------------------------------------------------------------------------------------- } } array = null; } function getInputs(obj, array) { if (obj.childNodes != null) { for (var i = 0; i < obj.childNodes.length; i++) { var element = obj.childNodes[i]; if (element.nodeName.toUpperCase() == 'INPUT' && element.type.toUpperCase() == 'TEXT') { array[array.length] = element; } else { getInputs(element, array); } } } } </script>



    • Editado DiogoMBM domingo, 8 de junho de 2014 17:42
    domingo, 8 de junho de 2014 17:42

Todas as Respostas

  • Olá amigo, qual o problema que está ocorrendo? Fica mais fácil para analisarmos se soubermos o que está acontecendo...

    Fiz uma busca aqui, de um código de validação já pronto e segue um exemplo retirado do Linha de código: 

    <html>
    <head>
    <title>Como Validar um Formulário dinamicamente com jQuery</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("input").blur(function(){
         if($(this).val() == "")
             {
                 $(this).css({"border-color" : "#F00", "padding": "2px"});
             }
        });
    })
    </script>
    </head>
    <body>
     
    <form id="form" name="form" method="post">
        <span style="display:inline-table; width:70px;">Nome:</span>
         <input type="text" id="nome" value="" />
        <br /><br />
        <span style="display:inline-table; width:70px;">Email:</span>
        <input type="text" id="email" value="" />
        <br /><br />
        <span style="display:inline-table; width:70px;">Telefone:</span>
        <input type="text" id="telefone" value="" />
        <br /><br />
        <input type="button" id="botao" value="enviar" />
       </form>
     
    </body>
    </html>
    

    Aqui o tutorial completo.

    Abraços!

    • Sugerido como Resposta Diego de Oliveira Neves domingo, 8 de junho de 2014 18:11
    • Marcado como Resposta Ricardo Barbosa Cortes segunda-feira, 9 de junho de 2014 11:05
    • Não Marcado como Resposta DiogoMBM segunda-feira, 9 de junho de 2014 11:50
    • Não Sugerido como Resposta DiogoMBM segunda-feira, 9 de junho de 2014 11:51
    domingo, 8 de junho de 2014 18:00
  • 0 que o codigo faz é, verifica as textboxs que estão a vazio e alerta. Eu quero é que me pinte as textboxs de vermelho as que estão vazias.
    domingo, 8 de junho de 2014 18:52