validar arreglo de text area jquery

[nh2006]

Hola amigos,

Necesito validar un arreglo de textarea, que se crean de forma dinámica, con jquery para que no queden vacío. Tengo lo siguiente:

Generados dinámicamente:

Código HTML:

<textarea name="preguntas[]" id="preguntas[]"></textarea>
<textarea name="preguntas[]" id="preguntas[]"></textarea>
<textarea name="preguntas[]" id="preguntas[]"></textarea>
 

Para validar trato de hacer algo como esto:

Código Javascript:

$("#registrar").click(function (){
    $("#preguntas").each( function(){
        alert($(this).value);
            //aqui va el if para verificar si está vacío el textarea o no
    });
});
 

Pero no me va.

Me ayudan con esto por favor.

Gracias desde ya

[Naahuel]

Usá un mejor selector. Algo así:

Código Javascript:

$('textarea[name^="preguntas"]')
 

http://api.jquery.com/category/selectors/

[nh2006]

Hola Naahuel

Tu suferencia sería algo como esto?

Código Javascript:

$("#registrar").click(function (){
        $('textarea[name^="preguntas"]').each( function(){
            alert($(this).value);
                //aqui va el if para verificar si está vacío el textarea o no
        });
    });
 

y el html sería nada más de esto: el name con o sin corchetes?

Código HTML:

<textarea name="preguntas[]" "></textarea>
    <textarea name="preguntas[]" ></textarea>
    <textarea name="preguntas[]" ></textarea>
 

El id no se puede repetir por eso lo elimino, pero si elimino el id cómo mandaría su valor por medio de la funcion serialize()?

Gracias desde ya

[nh2006]

Aún no logro dar con la solución a esto, no se que tan factible sea que también al id se le agreguen corchetes, aunque po restándares no creo que se pueda.

Acepto sugerencias u otras alterntivas de solución.

Saludos

[nh2006]

Me contesto yo solo,

Es así:

Código Javascript:

$('textarea[name^="preguntas"]').each( function(){
        alert($(this).attr("value"));     
    });
 

Solamente espero que no me de problemas cuando la mande con la función serialize.

Gracias Naahuel,

Saludos

[Naahuel]

Perdón por tenerte hablando solo, el trabajo me tiene a mil :)

Qué bueno que lo solucionaste. Como nota aparte, acordate que existe el método ".val()" para los elementos de formulario. Sería más "correcto", por así decirlo, usar eso en lugar de .attr().

Código Javascript:

alert($(this).val());
 

Realmente nunca envié datos por GET usando arreglo de valores, desconozco si .serialize() puede dar problemas. Cualquier cosa podemos ver otras alternativas.

Saludos.

[nh2006]

Hola Naahuel,

Disculpa no era ningún reclamo ni nada por el estilo el que hacía cuando mencionaba que me contestaba, nada más era un comentario.

Al contrario se agradece mucho el tiempo que se toman ayudándonos con sus aportes a resolver nuestro problemas.

Volviendo al código como que no me funcionaba

Código Javascript:

alert($(this).val());
 

Pues también tenía mala la definición de los textarea, hasta que la arreglué y me quedó así:

Código HTML:

<textarea name="preguntas[0]" id="preguntas[0]" ></textarea>
<textarea name="preguntas[1]" id="preguntas[1]" ></textarea>
<textarea name="preguntas[2]" id="preguntas[2]" ></textarea>
<textarea name="preguntas[3]" id="preguntas[3]" ></textarea>
 

Aún no pruebo el serialize, aunque espero no me de problemas.

Saludos