jqyery: cursor al salir de una clase

[JulioGaGarcia]

Hola, amigos: Tengo un problema que no logro resolver. Os explico:

Tengo un formulario con múltiples campos, los cuales valido antes de enviar el formulario. Si existe alguno incorrecto, le cambio de clase. Por ejemplo:

Código Javascript:

if (form.IDNombre.value == "") {
        validar_formulario = false;
        msg_err_formulario = msg_err_formulario + " Debe elegir un nombre de usuario. \n";
        form.IDNombre.className = 'campo_error';
    }
    else {
        form.IDNombre.className = 'texto';
    }
 

Esto lo compruebo en cada campo que sea requerido. Hasta ahí todo bien. Lo que quiero ahora, es que, si el usuario va al campo que tiene la clase "campo_error", al perder el foco (para ir a otro campo, por ejemplo), compruebe si está o no vacío. Lo intento con jquery:

Código Javascript:

$('.campo_error').blur(function(){ 
       if($(this).text != ''){ 
           $(this).css(addClass('texto'));
       }
 });
 

Con esto devuelvo la clase normal del formulario al no estar ya el campo vacío. Pero no funciona. He probado a ponerle un alert antes de comprobar si está o no vacío, pero el alert no aparece.

Sin embargo si en el blur cambio la clase "campo_error" por la clase "texto", que es la original del código, si genera el alert (en un campo que tenga la clase texto, se entiende). Es decir, que parece como si jquery no reconociera la clase "campo_error", al haber sido generada posteriormente mediante javascript.

Alguien me puede aportar alguna solución? Gracias a todos por vuestra paciencia. Un saludo.

[maycolalvarez]

if($(this).text() != ''){

text no es una propiedad, es un método para jquery

pero si tratas de obtener el valor de un input lo mejor es usar .val()

[tredio]

seria asi:

$(this).addClass('texto');

la funcion css, sirve para agregar propiedades especificas a un elemento no para agregar clases.

[JulioGaGarcia]

Hola, gracias por las respuestas, pero quizás no me he explicado bien.

El problema, en principio, viene que no detecta el cambio de cursor en la clase "campo_error".

Como trataba de explicar en el último párrafo de mi post, originalmente, en el código html, la clase del campo es "texto"

Código HTML:

<input type="text" class="texto" name="IdNombre".. etc.
 

Compruebo el formulario según el primer código que puse en el post y, mediante javascript cambio la clase a "campo_error", y ahí viene el problema. Si ejecuto el código:

Código Javascript:

$('.campo_error').blur(function(){ 
       alert('Se ha quitado'); 
 });
 

no aparece el alert. Sin embargo, si cambio el ejemplo y utilizo la clase "texto", que es la original en el código html sí que funciona.

No tengo problema en comprobar si el campo está vacío y cambiarlo de clase aunque arriba pueda haber algún fallo de sintáxis, sino que el problema viene que no detecta el cambio de foco una vez cambiada la clase "texto" a "campo_error" mediante javascript.

Espero haberme explicado mejor. Gracias una vez más por vuestra paciencia. Un saludo.

[tredio]

eso es por que al momento de definir ese evento el elemento al que le colocas la clase todavia no la tiene y por eso no se le asigna el evento, para eso existen las funciones live y delegate quedaria algo asi:

Código Javascript:

$('.campo_error').live('blur', function(){ 
       //lo que quieras hacer
 });
 

[JulioGaGarcia]

Muchas gracias. Desconocía la función live. He tenido algún problemilla porque no aceptaba todos los eventos con live ya que estaba trabajando con una versión muy antigua de jquery y he tenido que actualizarla.

He cambiado el evento a foucusin, porque me parece más elegante tal como tengo hecho el diseño. Al final lo he dejado así:

Código Javascript:

$('.campo_error').live('focusin', function(){ 
       $(this).removeClass('campo_error'); 
       $(this).addClass('texto'); 
 });
 

Muchas gracias por vuestros aportes. Me ha sido de mucha ayuda y, como siempre, aprendemos un poco más :D