No sé como ejecutar código despues una función keyup

[kikerrobles]

Hola, tengo una función que me comprueba el .keyup para actuar sobre un campo input. El problema es que después de esa función no se me ejecuta nada más.

Es decir, quisiera que esa función me devolviera un valor, y no lo consigo. De forma esquemática he creado este código, y no consigo que el alert() se ejecute después de cada pulsación de una tecla.

Código:

$(document).ready(function(){
	var hapulsado=pulsadatecla();
	function pulsadatecla(){
		var pulsada=0;
		$('#inputUserName').keyup(function(e){
			var value=e.which;
			console.log(value);
			pulsada=1;
			return false;
		});
		return pulsada; //este valor nunca lo obtengo
	}
	alert(hapulsado);//Nunca se ejecuta (salvo la primera vez al cargar la pantalla

});

Gracias.

[jrobinsonc]

Si entendí bien lo que quisiste dejar dicho, quieres que cuando el usuario presione una tecla se ejecute un alert. Si eso es lo que quieres lo correcto seria hacerlo de esta manera:

Código Javascript:

jQuery(document).ready(function($){
    
    $('#inputUserName').keyup(function(e){
        var value=e.which;
        console.log(value);
        pulsada=1;
        
        alert(pulsada);
    });
    
});
 

Aquí hice un ejemplo funcional que puedes ver:
http://jsfiddle.net/XukVH/

[kikerrobles]

No es eso, dentro de la función sé que puedo hacerlo. Lo que quiero es obtener un valor en esa función para poder usarlo después.

En mi código, sobre el que estoy trabajando, llamo a una función que me valida un campo usuario cada vez que se pulsa una tecla, y además comprueba si el usuario existe o no en la base de datos. Eso me funciona bien. Lo que quisiera es que esa función me retornara un valor de si el campo es válido o no, pero parece que queda en un bucle como el del ejemplo que puse y no sale de él. Es decir, en el ejemplo no me ejecuta ese alert() que en mí código podría ser recoger el valor 1 o 0 de si el campo es válido.

[jrobinsonc]

Bueno, aquí hay un ejemplo de una función que devuelve si el campo esta vacío o no.
URL: http://jsfiddle.net/jrobinsonc/C2tub/3/

Cada vez que escribes en el campo se ejecuta una función que valida el campo, también hay un botón que ejecuta la validación.

Código Javascript:

jQuery(document).ready(function($){
    
    var $inputUserName = $('#inputUserName');
    
    function validate_field() {
        
        // Digamos que solo quiero validar si el campo esta vacio.
        if ($inputUserName.val() === '') {
            return 0;
        } else {
            return 1;
        }
    }
    
    // Valido el campo cada vez que se presione una tecla.
    $('#inputUserName').keyup(function(e){
        alert(validate_field());
    });
    
    // Valido el campo cuando presione el boton "Validar!".
    $('#validateBtn').click(function(e){
        alert(validate_field());
    });
        
});
 

Código HTML:

<input type="text" id="inputUserName" />
 
<input type="button" id="validateBtn" value="Validar!" />
 

De todas formas, revisate http://jqueryvalidation.org/, que es un plugin de jQuery que sirve para la validación de formularios, es la que uso siempre.

[kikerrobles]

Muchas gracias jrobinsonc. Como lo planteas sigo teniendo el mismo problema, el valor de si está o no validado sigo teniéndolo dentro de la función que maneja el evento.
No tengo problemas con la validación, tengo una función que según los parámetros que le meta me valida la expresión regular de cada campo y si es necesario me comprueba si ya existe en la base de datos. Como te comento, eso funciona. La función, muy, muy simplificada es como la que puse en el primer post.

Yo lo que necesito es poder tener esos valores 1 o 0 que retorna tu función validate_field fuera de las funciones keyup o click.

Supón que tengo 3 campos, y que hasta que no sean correctos los tres no quiero que el botón enviar se active.

Tendría que hacer una comparación del tipo:

Código Javascript:

Jquery(document ready){
 
    valido campo usuario
    valido campo contraseña
    valido campo email
 
    if usuario==validado and contraseña==validado and email==validado
       activa boton enviar
    else
       el boton sigue desactivado
}
 

Como te digo, valido bien los campos, pero he sido incapaz de que esas funciones me retornen un valor "validado" que sea uno o cero para poder usarlo fuera de las propias funciones de validación.

El problema es el que te comenté en el primer ejemplo que puse, donde la variable "pulsada" nunca llega a salir de la función y el alert(pulsada) nunca se ejecuta.

[dvpareja]

Buenas
Con lo que te presento estás pasando el valor de la tecla pulsada a la función letras()

No sé si es lo que necesitabas

Código Javascript:

$(document).ready(function(){
                $('#inputUserName').keyup(function(e){
                                var value=letras(e.which);
                                return false;//no sale de este bucle
                });
});
                function letras(valor){alert( valor );};
 

Y para validar el username podrías hacer

Código Javascript:

$(document).ready(function(){
                var value="";
                $('#inputUserName').keyup(function(e){
                                value = value+String.fromCharCode(e.which);
                                letras(value);
                                console.log(value);
                                return false;//no sale de este bucle
                });
});
                function letras(valor){
 
                    alert( valor );
                 
                };
 

Aunque habría que mejorar mucho ese código claro, para que solo capturara los caracteres válidos y permitiese borrar sin sumar :P

[kikerrobles]

Gracias dvpareja, el problema es el mismo, así ejecuto una función dentro de la otra, pero no tengo una variable fuera de keyup que evaluar, es decir, fuera del keyup en ese caso no podría tener la variable "value" que es la que me interesaría comparar.

Supongo que se haría con variables globlaes o con callbacks, pero toda las pruebas han fallado.

Buscaré una solución menos "global" y haré alguna función específica para cada campo o crearé un elemento input hidden con el resultado de la validación, por ejemplo, que luego pueda consultar.

Es más cutre pero sigo avanzando. Si surje la solución bienvenida sea ;)

Gracias.

[dvpareja]

¿Cómo que no puedes?

Aquí hay algo que me pierde

Código Javascript:

var valorBueno="USERNAME";
 
$(document).ready(function(){
                var value="";
                $('#inputUserName').keyup(function(e){
                                value = value+String.fromCharCode(e.which);
                                letras(value);
                                console.log(value);
                                return false;//no sale de este bucle
                });
});
                function letras(valor){
                     if (valor==valorBueno) {
                          alert( valor );
 
                     }
                };
 

[jrobinsonc]

Quizás puedas explicarnos mejor el escenario para entender que es lo que tienes y que es lo que quieres lograr, así podemos darte una mejor respuesta.

Según lo que escribiste quieres una variable para evaluarla fuera del evento keyup, pero no entiendo por que ni para que y así no puedo ofrecerte una solución.

[kikerrobles]

Perdona la demora, empecé ayer a escribir y hasta ahora no he podido concluir :)

Me gustan las funciones simplificadas y reutilizables, de ahí que ciertas comprobaciones las quisiera hacer fuera de la función o funciones a las que llamo.

Lo que estoy haciendo es bastante sencillo, es para el registro de usuarios. Inicialmente tengo tres campos visibles: Usuario, Email y Contraseña

Con cada pulsación de tecla en cada campo compruebo si el campo cumple con la expresión regular correspondiente y en el caso del Usuario y el Email si ya existe o no en la base de datos.

Hasta ahí bien.

Pero luego, si esos campos son todos válidos, quiero que me muestre el resto del formulario sin necesidad de pulsar un botón. Lo he conseguido sin problemas metiendo una función que virifica los resulados dentro de la función de validación, pero me gustaría no haber tenido que meter funciones adicionales pues ya no me sirve para reutilizarlo y queda menos estructurado y claro. Además me ha obligado a usar ajax síncrono.

De momento, dado que voy mal de tiempo lo dejaré así. Ya funciona mostrando más formulario si todo es correcto y en caso de que vuelvan atrás y cambién algún resultado se vuelve a ocultar hasta tener los datos básicos correctos.

Para poder validar, como no podía poner variables que me perduraran, lo que actualmente hago es comprobar que en el div donde muestro "Válido" o "Inválido" aparezca Válido en cada uno de los campos. Menos elegante pero funciona.

No me parezca que tenga solución (usando variables) porque al final siempre dependo de un evento para saber cuando validar.

El código es básicamente este:

Código Javascript:

$(document).ready(function(){
                
//valido los campos
                validateAll('inputUserName','divResultUserName',user_regexp,result_user,"user");
validateAll("inputPass","divResultPass",pass_regexp,result_pass,"pass");
validateAll('inputEmail','divResultEmail',email_regexp,result_email,"email");
validateAll('inputCode','divResultCode','',result_code,"code");
 
//activo la posibilidad de mostrar la contraseña, en registro.css se define como background bombilla_cara_apagada.png
showHidePass("showPass","inputPass","bombilla_cara_apagada.png","bombilla_cara_encendida.png");
 
//Valido el código que el usuario recibe por email, validando así el correo y sirciendo a la vez de captcha             getCode("buttonCode","inputEmail","inputUserName","divResultCode");
 
//Esta función es la que tengo incluida en la "validateAll()", al final de la misma, en vez de poder llamarla desde aquí, pero como te comento, también quedaría dependiente de un evento para que se ejecute en cada camvio producido en uno de los campos
//veryfyAllOutputs("divCode");
                
});
 

Así que te agradezco las molestias. Andaré por aquí respondiendo y preguntando más cosillas seguro. Hace mucho que no tengo que encargarme solo desde el diseño a la depuración en un proyecto tan grande y me está costando un poco ponerme al día en todos los lenguajes a la vez.