Inquiridor
validar textboxs asp.net com javascript

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
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
-
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.
- Marcado como Resposta Ricardo Barbosa Cortes segunda-feira, 9 de junho de 2014 11:05
- Não Marcado como Resposta Ricardo Barbosa Cortes segunda-feira, 9 de junho de 2014 11:05