JavaScript - ¿Validar inputs dentro de un array ayudaaaaaaaa?

   
Vista:
Imágen de perfil de carlina

¿Validar inputs dentro de un array ayudaaaaaaaa?

Publicado por carlina (30 intervenciones) el 18/12/2013 15:50:32
Tengo 5 inputs en html, en javascript los necesito meter en un array y validar que no estén vacíos. Lo que he logrado hacer es que me reconoce el campo y me dice que está vacío, pero yo necesitaba que cada vez que yo escribiera una palabra en el campo del input me lo imprimiera en el console.log para probar y de no ser así que me dijera que el espacio está vacío, igual con un console.log
JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var aArray = [document.getElementById('txt1'),document.getElementById('txt2'),
				document.getElementById('txt3'),document.getElementById('txt4'),
				document.getElementById('txt5'),document.getElementById('txt6')],
 
 
function validar(){
for(i = 0; i < aArray.length; i++){
if(document.getElementById('txt1')>
alert('txt1');
}
if(document.getElementById('txt1').== '' {
console.log('vacio');
}
}
}
HTML
<div class="divInputs">
			<input type="text" id="txt1"/>
			<input type="text" id="txt2"/>
			<input type="text" id="txt3"/>
			<input type="text" id="txt4"/>
			<input type="text" id="txt5"/>
			<input type="text" id="txt6"/>
    </div>

Por el momento tengo esto...
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

¿Validar inputs dentro de un array ayudaaaaaaaa?

Publicado por xve (1595 intervenciones) el 18/12/2013 22:18:28
Hola Carlina, he visto varios errores en tu código... aqui te muestro una manera que funciona...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
function validar()
{
    var aArray = [document.getElementById('txt1'),document.getElementById('txt2'),
                    document.getElementById('txt3'),document.getElementById('txt4'),
                    document.getElementById('txt5'),document.getElementById('txt6')];
    for(i = 0; i < aArray.length; i++)
    {
        if(aArray[i].value)
        {
            console.log("lleno")
        }else{
            console.log('vacio');
        }
    }
}
</script>
 
<div class="divInputs">
    <input type="text" id="txt1"/>
    <input type="text" id="txt2"/>
    <input type="text" id="txt3"/>
    <input type="text" id="txt4"/>
    <input type="text" id="txt5"/>
    <input type="text" id="txt6"/>
</div>
 
<div onclick="validar()">validar</div>

Se puede mejorar, ya que no es necesario utilizar un array de valores, pero interpreto que lo necesitar para algo mas...

Coméntanos si te sirve, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de carlina

¿Validar inputs dentro de un array ayudaaaaaaaa?

Publicado por carlina (30 intervenciones) el 18/12/2013 22:41:03
Hola. Muchas gracias, ése código si me gusta, pero no puedo usar un <div onclick="validar()">validar</div>, solo ocupo validar esos 6 espacios, de que estén llenos, y si no están llenos se muestra un mensaje de cuales espacios están llenos, probando con el console y también con un alert.

luego de que los espacios están llenos hay un boton que transforma el texto en mayúscula y lo pasa a otro div de 6 pisiciones. Tal vez ése boton cuando uno lo oprime, el que convierte en mayuscula el texto, pueda validar ...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

¿Validar inputs dentro de un array ayudaaaaaaaa?

Publicado por xve (1595 intervenciones) el 19/12/2013 07:57:11
Hola Carlina, si no puedes utilizar el div, utiliza el método que desees... no se como tenias pensado validar los valores que el usuario pusiera en los inputs...

Como querías validarlo?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de carlina

¿Validar inputs dentro de un array ayudaaaaaaaa?

Publicado por carlina (30 intervenciones) el 19/12/2013 17:46:39
Muchas gracias amigo, así está muy bien :)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar