Comprobar un número indefinido de campos

[Alun]

Hola a todos:

He creado un formulario para actualizar una BD con discos de música. Cada disco de entre todos los que hay en el mundo tiene un número distinto de pistas, por lo que he decidido crear un primero input para la primera pista, y luego, un botón que añada un nuevo input para cada pista que se desee poner.

Los campos imput tienen una id="track1", "track2", "trackn".

El código del formulario:

Código HTML:

<tr>
 <td>Tracklist:</td>
 <td id="tracklist">
  <input type="text" name="track1" id="track1"><br>
 </td>
</tr>
<input type="button" onClick="newTrack();" value="Añade otra canción"><br>
 

La función que añade campos input:

Código Javascript:

var control=1;
function newTrack()
{
 var nums=(2,3,4,5,6,7,8,9);
 var objeto=document.getElementById('tracklist');
 objeto.innerHTML+='<input type="text" name="track"'+nums[control]+'"><br>'+"\n";
 control++;
}
 

La función que los comprueba:

Código Javascript:

if(document.getElementById('tracklist').value=='')
{
 alert('Jo, tio, ponme al menos una canción en el disco');
 return false;
}
else
{
 var obj = document.getElementById('tracklist').childNodes;
 var u;
 //El alert comentado lo puse para comprobar si podía acceder a los childNodes.
 //Solo puedo acceder al primero del array, incluso después de haber creado más
 //alert(document.getElementById('tracklist').childNodes[0].name);
 for(u==1;u < obj;u++)
 {
  //Este alert es para comprobar que se puede acceder a los childNodes
  //La finalidad de la función es comprobar con un IF si su valor es una cadena vacía.
  alert(document.getElementById('tracklist').childNodes[u].name);
 }
}
 

El problema: Solo puedo acceder al primer nodo, aun habiendo creado más con la función newTrack(); .

¿No puedo acceder a ellos porque no están creados en el momento de cargar la página, o es un error en alguna función? Y, en el caso de sí poder acceder a ellos, ¿cómo puedo hacerlo?

Muchas gracias.

[Adler]

Hola

Mírate esto

Suerte

[Alun]

Hola, Adler, gracias por contestar:

Ya vi aquel post, antes de postear esto. En el código ese, haces más o menos lo que yo tengo. Mi problema es más bien que al pinchar en el botón de añadir nuevos inputs, me aparecen bien en la página, pero no puedo acceder a ellos, me salta Undefined.

Por otra parte, me he fijado que en mi código hay un pequeño fallo, en lo que aquí es la línea 13 del archivo de comprobación:

for(u==1;u < obj;u++)

La he cambiado, dejándola así:

Código Javascript:

for(u=1;u < obj.length;u++)//pongo length para comprobar el número de valores del array
 

Igualmente, sigue ocurriendo que por cada valor del array, aparecen tres alerts: uno en el que pone "track", cuando debería poner "trackn" (donde n es un número), y luego otros dos en los que pone "undefined".

He decidido hacer otra cosa: comienzo con cero inputs, y un botón en el que se pregunta el número de pistas, para crear ese número de inputs, solo que ahora hay un bucle FOR que nunca llega a ejecutarse:

Código Javascript:

var tracks=parseInt(prompt('¿Cuántas pistas tiene el disco?'));
if(!parseInt(tracks))
{
 alert('En números, por favor');
 newTrack();
}
else if(parseInt(tracks)&&tracks > 30)
{
 alert('30 es un buen número para las canciones. Si el disco tiene más, pon las 30 primeras');
 newTrack();
}
else
{
 alert('al menos llega hasta aquí');
 for(var w=1;w == tracks; w++)
 {
  alert('Este alert No aparece en ningún momento, y tampoco se crea abajo el input');
  document.getElementById('tracklist').innerHTML='<input type="text" name="track'+w+"\"><br>\n";
 }
 alert('Este alert sí aparece');
}
 

Simplemente, el bucle no existe en el código... .

¿Alguna idea de cómo hacer lo que pretendo, pero que funcione?

Muchas gracias!

[Adler]

Hola

Iniciado por Alun

¿Alguna idea de cómo hacer lo que pretendo, pero que funcione?

Aún no me he cruzado con nadie que responda con el objetivo de confundir. Unas veces puedes estar mas acertado y otras menos, pero la pretensión es siempre, y repito, siempre, ofrecer la ayuda mas satisfactoria posible

Prueba con esto

Código Javascript:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function crearCampos(cantidad){
var div = document.getElementById("campos_dinamicos");
while(div.firstChild)div.removeChild(div.firstChild); // remover elementos;
    for(var i = 1, cantidad = Number(cantidad); i <= cantidad; i++){
    var salto = document.createElement("P");
    var input = document.createElement("input");
    var text = document.createTextNode("Campo Dinamico " + i + ": ");
    input.setAttribute("name", "campo[]");
    input.setAttribute("id", "campo" + i);
    input.setAttribute("size", "12");
    input.className = "input";
    salto.appendChild(text);
    salto.appendChild(input);
    div.appendChild(salto);
    }
}
</script>
 
</head>
<body>
<form>
¿Cuantos Campos? <input type="text" name="cantidad" id="cantidad" value="" onkeyup="crearCampos(this.value);" />
<input type="button" id="boton" value="Crear/Eliminar Campos" onclick="crearCampos(this.form.cantidad.value);" />
<div id="campos_dinamicos"></div>
</form>
</body>
</html>
 

Suerte

[Adler]

Hola

Ahora lo he entendido. Pensaba que pedías un script con que crear los campos. Ni tan si quiera miré el código. El problema lo tienes aquí

for(var w=1;w == tracks; w++)

debería de ser

for(var w=1;w <= parseInt(tracks); w++)

Suerte

[Alun]

Hola de nuevo:

¿Hay que convertir a numérica la variable en la condición? Ya me encargué arriba de que fuera un numérico el que entra. Igualmente, voy a probar a ver si me va, muchas gracias.

[Adler]

Hola

Estoy gafado con este código
Si que hace falta, pero no como lo haces tu, ni como yo te lo indiqué

Código Javascript:

var valor=prompt('¿Cuántas pistas tiene el disco?');
// Intentas convertilo un entero
tracks= parseInt(valor)
) 
//Compruebo si es un valor numérico
if (isNaN(tracks)) { 
 alert('En números, por favor');
 newTrack();
}
else if(tracks && tracks > 30)
{
 alert('30 es un buen número para las canciones. Si el disco tiene más, pon las 30 primeras');
 newTrack();
}
else
{
 alert('al menos llega hasta aquí');
 for(var w=1;w <= tracks; w++)
 {
  alert('Este alert No aparece en ningún momento, y tampoco se crea abajo el input');
  document.getElementById('tracklist').innerHTML='<input type="text" name="track'+w+"\"><br>\n";
 }
 alert('Este alert sí aparece');
}
 

Suerte