Validación campo formulario array no me funciona

mariannairam · #1 (**permalink**) 26/04/2012, 08:09

Hola!
No me funciona la validación de los campos que son un array, ¿alguien sabe por qué?

Gracias

Código Javascript:

Ver originalif (document.formulario.['cuota[]'].value.length==0){
alert('Por favor, rellena la cuota del proyecto')
document.formulario.['cuota[]'].focus()
return false;

Código HTML:

<input name='cuota[]' type='text' value='' size='5' />

Dafonz · #2 (**permalink**) 26/04/2012, 09:06

para acceder a la longitud del valor del elemento es: document.formulario.elements["cuota[]"].value.length

emprear · #3 (**permalink**) 26/04/2012, 09:53

Agrego, también con:

Código Javascript:

Ver originalvar cuotas = document.getElementsByName('cuota[]');

Y luego recorrer el array()

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function xxx(){
var cuotas = document.getElementsByName('cuota[]');
for(var i=0;i<cuotas.length;i++){
if(cuotas[i].value == ""){
alert('complete todas las cuotas');
}
}
}
//]]>
</script>
 
</head>
<body>
<form name="formulario" action="#">
<input name='cuota[]' type='text' value='000' size='5' /> 
<input name='cuota[]' type='text' value='' size='5' /> 
<input type="button" onclick="xxx();" value="verificar" />
</form>
 
</body>
</html>

Saludos

caricatos · #4 (**permalink**) 26/04/2012, 10:23

Hola:

Cuando usas los corchetes, el punto "anterior" debes omitirlo:

Código:

document.formulario.['cuota[]'].value.length

...

Y si realmente se trata de un array (o sea, hay más controles con el mismo nombre), debes usar el índice...

Código:

document.formulario['cuota[]'][0].value.length

...

Saludos

mariannairam · #5 (**permalink**) 26/04/2012, 12:15

Jo, ¡¡gracias a todos!!!

Caricatos, he probado a quitar el punto pero tampoco me funciona, sí es un array real, aunque en el ejemplo estoy usando solo uno para ver si lo hago funcionar...

Dafonz, tampoco me funciona así...
Emprear, voy a probar, si es que soy capaz...

No controlo muy bien javascript... una nota que me estaba dando cuenta es que en realidad el valor que adquiere por defecto el campo cuota[] es 0.00 es decir, que tendría:

Código HTML:

Ver original<input name='cuota[]' type='text' value='0.00' size='5' />

Pero no sé cómo tengo que decirle en el javascript que si el valor es igual a 0.00, salte el alert ¿?

mariannairam · #6 (**permalink**) 26/04/2012, 12:30

Bieeeeen!!!

Ya funciona!!

emprear, he utilizado la mayor parte de tu código metiendolo en la función que ya tenía creada para validar, al final ha quedado así:

Código Javascript:

Ver originalvar cuotas = document.getElementsByName('cuota[]');
        for(var i=0;i<cuotas.length;i++){
            if(cuotas[i].value == "0.00"){
            alert('Completa todas las cuotas de los proyectos');
            return false;
            }
        }

Gracias a todos!!!!