como se valida un textarea

[mayid]

Pregunta simple, pero ya probe con esto y no puedo validar un textarea:

Código Javascript:

if ($(this).val().length < 4 || $(this).val() == -1 || $(this).val() == '')
 

[tredio]

bueno con $('#id').val() es la forma de obtener el valor cual es exactamente la validacion que tratas de hacer?, podria ser que el selector que usas no esta bien?

[echoTREBOR]

y asi?

if($(this).val(""){

....;

}

[mayid]

No se por que lo de val() no funciona. O quizás haya algún otro error. Mi script para validar inputs y textareas es este:

Código javascript:

$(document).ready(function() {              
    
    respuestas =new Array();
 
    $("form input[name=guardar]").click(function(event)
    {                   
        $("span.incompleto").removeClass("incompleto");
        
        $("input, textarea").each(function(index) {
            
            if ($(this).val().length < 4 || $(this).val() == -1 || $(this).val() == '') 
            {
                respuestas[index] = false;  
                $(this).focus();        
                $(this).prev(".label").addClass("incompleto");
            }
            else    
            {
                respuestas[index] = true;
            }
        }); 
        
        if ( $.inArray(false, respuestas) != -1) 
        {           
            $(".mensaje").text("Te falta completar datos.").css("display", "block");;
            return false;   
        }   
        else
        {
            $(".mensaje").addClass("enviando").text("Enviando...");
            return true;
        }   
    });
 
});
 

[tredio]

aunque no tiene nada que ver con lo que preguntas otra forma de definir un arrglo es arreglo = []; me gusta mas de esa forma no se tal vez a ti tambien te pueda gustar asi jeje.

volviendo al tema, lo veo bien, vuelvo a la pregunta que hice antes form input[name=guardar], seguro que estas seleccionando el boton que quieres?, otra cosa que se me ocurrio.

al hacer $("input, textarea"), estas tambien seleccionando los botones, podra tener alguna repercusión en tu validacion?.

tambien podrias probar con $(this).attr('value'), pero igual no creo que sea eso.

[mayid]

@tredio:

no conocía esa manera de declarar arreglos. La probaré.

Con el primer selector que señalaste lo que hago es elegir un boton submit. Y funciona bien. De hecho los demas elementos validan (se ponen en rojo).

con $("input, textarea") pretendo seleccionar y recorrer tanto los inputs como los textareas. El script no se detiene en ningun momento y todos los input quedan validados. Pero los texteareas no.

Sin embargo, ayer cuando probaba cosas, hubo un momento en donde los textarea validaron. No se como, pero fue cuando me equivoqué con el condicional :o\

[mayid]

Es muy raro porque si hago esto, me pone los textareas en rojo:

$(this).val().length > 5

Es decir, si pruebo que el contenido tenga más de 5 caracteres, supuestamente. Lo cual es false porque yo no escribo nada ahí.

No me funciona esto ni en Opera ni en Firefos ni en Chrome ni en Explorer:

$(this).val().length == 0

Tampoco seleccionando así:

$(this).attr('value')

Ni así:

$(this).text()

Este es el html:

Código HTML:

<span class="label">Keywords</span>
                    <input type="text" name="keywords" value="" />
 
<span class="label">Descripcion</span>
                    <textarea name="descripcion" rows="9" cols="20">
                    </textarea>
 
                    <span class="label">Instrucciones</span>
                    <textarea name="instrucciones" rows="9" cols="20">
                    </textarea>
 
 <span class="label">Foto</span>
 <input type="file" name="foto" value="" />
 

Me valida hasta el input type file, pero no los textareas :o(

[mayid]

Bueno, finalmente recurrí a una función trim y ahora me funciona:

Código Javascript:

function ltrim(s) {
   return s.replace(/^\s+/, "");
}
 
function rtrim(s) {
   return s.replace(/\s+$/, "");
}
 
function trim(s) {
   return rtrim(ltrim(s));
}
...
value = trim( $(this).val() );
            
if (value.length < 4) ...
 

EDITADO: Ya no necesito trim(). El gran problema esta en el html. Los textarea tienen que cerrarse en el mismo renglon. Si no, incluso dan problemas de enfoque del cursor!
<textarea name="instrucciones" rows="9" cols="20"></textarea>

[tredio]

que raro eso no?, bueno por lo menos ya solucionaste. y sobre lo de los arreglos, tambien es posible crear objetos asi objeto = {};. saludos