fallo en paso de variable

[viringas]

hola a todos, tengo un error de principiante pero no se muy bien cual es el motivo, vereis, intento enviar el valor de un input type text de html a traves de la funcion $.post de jquery, como solo tengo un valor en el formulario pues hago lo siguiente:


antes de nada os pongo my formulario:

Código HTML:

<form method="post" name="captchaform" id="captchaform" action="compruebaCaptcha.php">
<img src="captcha.php" id="captcha" /><br/>
<!-- CHANGE TEXT LINK -->
<a href="#" onclick="
    document.getElementById('captcha').src='captcha.php?'+Math.random();"id="change-image">No se lee? actualiza la palabra.</a><br/><br/>
 
<input type="text" name="captcha-form" id="captcha-form" class=":required" autocomplete="off" /><br/>
<input type="submit" value="confirmar"/>
 
</form>
 

ahora os muestro el codigo javascript que contiene la codificacion con jquery:

Código Javascript:

<script>
 
var captcha = $("#captcha-form").val();
 
 
$("#captchaform").submit(function(event){
    //alert("hola");
event.preventDefault();
    $.post("compruebaCaptcha.php", { valor: captcha }, function(data){
        //$("#respuestaCaptcha").html(data);
        });
 

el problema me lo esta linea: var captcha = $("#captcha-form").val();

q no me coge el valor del input type text,

probe poniendo tb: var captcha = $("#captcha-form").attr('value');

pero no me coge el valor

sigo el paso de variables y todo con frebug y manda la variable x post pero va vacia




gracias

[maycolalvarez]

¿lo que no entiendo es el doble POST?: no es mejor enviar el captcha en la misma petición???

entrando en el tema:

¿el input tiene como ID captcha-form?: te recuerdo que para jQuery el # como en CSS selecciona por ID y no por NAME

[McBlink]

Personalmente lo haría así:

Código Javascript:

$("#btn_form").click(function(e){
    e.preventDefault();
    var captcha = $("#captcha-form").val();
    $.post("compruebaCaptcha.php", { valor: captcha }, function(data){
        //$("#respuestaCaptcha").html(data);
    });
});
 

No está probado pero debería andar. #btn_form es:

Código HTML:

<input type="button" id="btn_form" value="Enviar" />
 

Saludos

[viringas]

ya consegui pasar la variable, lo hice de la siguiente manera:

Código Javascript:

<script>
 
$("#captchaform").submit(function(event){
    //alert("hola");
event.preventDefault();
    
    $.ajax({
        type: "post",
        url: "compruebaCaptcha.php",
        data: $("#captchaform").serialize(),
        success: function(data){
            $("#verificaCaptcha").hide(function(){$('div.msg').fadeIn('slow').fadeOut(6000)});
            
            $("#verificaCaptcha").html(data);
            
            //$().append(html);
            
        }
    });
});
 
</script>
<div id="verificaCaptcha" class="msg" style="display:none;">
 
</div>
 

pero al resolver esto me surgio otra duda, vereis, proceso en la pagina compruebaCaptcha.php el captcha de la siguiente manera:

Código PHP:

session_start();
 
if (!empty($_POST['captcha-form'])) {
    if (empty($_SESSION['captcha']) || trim(strtolower($_POST['captcha-form'])) != $_SESSION['captcha']) {
        echo($captcha_message = "vuelve a intentarlo");
    } else {
        echo($captcha_message = "captcha valido");
    }
 
    //$request_captcha = htmlspecialchars($_POST['captcha-form']);
 
    //echo $captcha_message;
      
    unset($_SESSION['captcha']);
}
 

este codigo comprueba el captcha y en caso de q sea correcto envia el mensaje cptcha valido y lo muestra en
<div id="verificaCaptcha" class="msg" style="display:none;">
</div>

ahora mi pregunta es:

como puedo hacer para q si es correcto el captcha aparezca otro div q contiene el formulario para q introduzca la direccion de correo electronico. esq probe a hacerlo poniendo
$("#muestraFormEmail").hide(function(){$('div.msg' ).fadeIn('slow').fadeOut(6000)});
debajo de
$("#verificaCaptcha").html(data);

pero asi aunq sea un captcha incorrecto me muestra siempre el formulario para introducir la direccion de correo electronico. como podria hacer para q en caso de q sea correcto aparezca el div y en caso de q sea incorrecto no aparezca nada?



gracias