none
validar textboxs asp.net com javascript RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar


    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar
    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
    |