Pegar um array input no JavaScript

1,766 views
Skip to first unread message

Leandro Santos Lopes

unread,
May 29, 2012, 2:51:30 PM5/29/12
to javascr...@googlegroups.com, php-b...@googlegroups.com
Boa tarde,

Eu tenho o segundo input:<input type="text" name="dataAgendado[]" size="10" maxlength="10" value="" onkeypress="return txtFormat(this, '99/99/9999', event)"/>

Pois usando o jquery, o usuário poderá gerar vários inputs como o acima citado.

Quero pegar esses inputs (array) num arquivo javascript separado para validação para iterar entre eles e validar cada um. Mas não estou conseguindo pegar este array. Já pesquisei mas não encontrei nada até agora.

Alguém faz ideia como fazê-lo?

Grato.

--
Boa Sorte Na Vida!

Leandro Santos Lopes
Técnico em Programação de Computadores (IFMA)
Cartão de Visita: http://about.me/leandrosantoslopes
Contato: (98) 8827-5142
Linux User: #\525575



Michel Felipe

unread,
May 29, 2012, 3:55:10 PM5/29/12
to php-b...@googlegroups.com, javascr...@googlegroups.com
$('.inputsValidate').each(function(input,index){

      /**
       * @todo Implementação de validação aq
       */
      if(input.value){

     }
   
});

Se vc quiser pegar todos os inputs para fazer alguma outra coisa que não seja dentro de um loop, vc pode fazer:

var inputs = $(' inputsValidate').get( );

--
Você está recebendo esta mensagem porque se inscreveu no grupo "php-brasil" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para php-b...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para php-brasil+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/php-brasil?hl=pt-BR.



--
Atenciosamente


Analista de Sistemas
Politec - Prodeb

PHP / Zend Framework / CakePHP / Java Desktop / JavascriptMVC / EXTJS / JQuery / PostGres/ MySQL

71 9196-4178
www.vidacriativa.com.br

Hudson Martins

unread,
May 29, 2012, 4:18:29 PM5/29/12
to php-b...@googlegroups.com
Vc pode fazer de vários jeitos.
Te aconselho a utilizar o Jquery, que vai te facilitar na hora de fazer validação, mais ainda não utilizou, pode fazer conforme abaixo:

Você pode acessar o campo dataAgendado, pelo indice normal como vc faz com qualquer linguagem. O indice começa de 0.
Ex.: dataAgendado[0].value

Em 29 de maio de 2012 15:51, Leandro Santos Lopes <programador....@gmail.com> escreveu:

--
Você está recebendo esta mensagem porque se inscreveu no grupo "php-brasil" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para php-b...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para php-brasil+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/php-brasil?hl=pt-BR.



--
Hudson Martins
IT Especialist at IBM
Mediação Core

Alexandre Di Salvo

unread,
May 29, 2012, 3:25:35 PM5/29/12
to php-b...@googlegroups.com, javascr...@googlegroups.com
Se vc definir uma classe neles. Exemplo class="teste"

E fizer isso aqui: console.log($('input.teste'));

Ele irá imprimir todos os seus inputs com a class teste no console.

Ou melhor, vc pode ainda definir uma class igual pra todos seus input e percorrer eles usando .each.

Espero ter ajudado :D

Em 29 de maio de 2012 15:51, Leandro Santos Lopes <programador....@gmail.com> escreveu:

--
Você está recebendo esta mensagem porque se inscreveu no grupo "php-brasil" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para php-b...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para php-brasil+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/php-brasil?hl=pt-BR.



--
Alexandre Di Salvo
Programador
SENAI/AL - Núcleo de Tecnologia Multimídia
alexandr...@al.senai.br - (82) 2121.6969

Leandro Santos Lopes

unread,
May 30, 2012, 9:55:15 AM5/30/12
to php-b...@googlegroups.com
Bom,

Obrigado pela ajuda de vocês. Foi muito útil. Mas tenho o seguinte problema... quero que dentro o do if que está dentro do each de um "break" caso return false, vejam:

$('.dtAgendado').each(function(index, input) {
            if (input.value == "") {
                var dtagendado_obs = document.getElementById("dtagendado_obs");
                var resultado = "Informe a(s) data(s) do vestibular agendado";
                resultado = resultado.replace(/\+/g, " "); 
                resultado = unescape(resultado);
                dtagendado_obs.innerHTML = resultado;
                acao.disabled = false;
                acao.value = valor;
                return false;
            } else {
                var dtagendado_obs = document.getElementById("dtagendado_obs");
                dtagendado_obs.innerHTML = "";
                return true;
            }
            
            if (!checkDate(input.value)) {
                var dtagendado_obs = document.getElementById("dtagendado_obs");
                var resultado = "Informe data do vestibular agendado v&aacute;lida";
                resultado = resultado.replace(/\+/g, " "); 
                resultado = unescape(resultado);
                dtagendado_obs.innerHTML = resultado;
                acao.disabled = false;
                acao.value = valor;
                return false;
            } else {
                var dtagendado_obs = document.getElementById("dtagendado_obs");
                dtagendado_obs.innerHTML = "";
                return true;
            }
            
        });

Na teoria só com o return false era pra dá o "break" e mostrar a mensagem de erro mas, a mensagem de erro está sendo mostrada rapidississamente e o form está sendo submetido (não é pra submeter caso não esteja validado).

Alguém faz ideia?

Grato!

Kinn Coelho Julião

unread,
May 30, 2012, 10:32:10 AM5/30/12
to php-b...@googlegroups.com
e aonde vc esta capturando o evento submit do form?

$('seu_form').submit(function(){
 
//sua validação.. se retornar false aqui, o form não é submetido.

});

Hudson Martins

unread,
May 30, 2012, 10:40:38 AM5/30/12
to php-b...@googlegroups.com
Leandro,
Seguinte jah passei por isso.
Vc tem uma propriedade chamada onSubmit no form HTML. Nela vc colocada um return e a chamada da sua rotina de validação.
Ex.:
<form action="index.php" onSubmit="return valida_campos()">
Aqui vem os dados do seu form.........
......
.....

</form>
Ai o que acontece? Quando vc valida e está com erro, o retorno da sua função é falsa e o formulário não vai ser enviado. Se sua função retornar true, ele submete seu formulário

--
Hudson Martins
PHP Developer

Leandro Santos Lopes

unread,
May 30, 2012, 10:41:11 AM5/30/12
to php-b...@googlegroups.com
É aqui!

function validarFrmCadastrarVestibular() {
    with(document.frmCadastrarVestibular){

    ....


    }
}

--
Você está recebendo esta mensagem porque se inscreveu no grupo "php-brasil" dos Grupos do Google.
Para ver esta discussão na web, acesse https://groups.google.com/d/msg/php-brasil/-/67N8ixLg6HIJ.

Para postar neste grupo, envie um e-mail para php-b...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para php-brasil+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/php-brasil?hl=pt-BR.
Reply all
Reply to author
Forward
0 new messages